{"id":350,"date":"2022-11-24T12:34:42","date_gmt":"2022-11-24T12:34:42","guid":{"rendered":"https:\/\/loftocean.com\/doc\/patiotime\/?post_type=ptkb&#038;p=350"},"modified":"2024-09-16T09:08:31","modified_gmt":"2024-09-16T09:08:31","slug":"social-menu","status":"publish","type":"ptkb","link":"https:\/\/loftocean.com\/doc\/cozystay\/ptkb\/social-menu\/","title":{"rendered":"Social Menu"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"350\" class=\"elementor elementor-350\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-a88735a elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"a88735a\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-0fb58ab\" data-id=\"0fb58ab\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-7a2e42c elementor-widget elementor-widget-pt_title\" data-id=\"7a2e42c\" data-element_type=\"widget\" data-widget_type=\"pt_title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n        <div class=\"pt-title-wrap\">\t            <h6 class=\"pt-title\">\n\t                Set Up Social Menu\t            <\/h6>        <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2e94170 elementor-widget elementor-widget-text-editor\" data-id=\"2e94170\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>The Social Menu can be used in different places:<\/p><ul><li>In the sidebar &#8211; CozyStay Social widget;<\/li><li>In the sidebar &#8211; CozyStay Profile widget (after checking the &#8220;Display Social Icons&#8221; option);<\/li><li>In the mobile menu;<\/li><li>In the site header &#8211; please use the\u00a0<a href=\"https:\/\/loftocean.com\/doc\/cozystay\/ptkb\/about-header-builder\/\">Header Builder<\/a>;<\/li><li>In the site footer;<\/li><li>In the content area &#8211; Please use Elementor editor, and select\u00a0<span class=\"highlighted\">Social Menu<\/span>\u00a0widget.<\/li><\/ul><p>Please follow the instructions below to create your social menu:<\/p><ol><li>On your website dashboard, go to\u00a0<strong>Appearance<\/strong>\u00a0&gt;\u00a0<strong>Menus<\/strong>\u00a0&gt;\u00a0<strong>Edit Menus<\/strong>.<\/li><li>Create a new menu. Give it a name, for example, &#8220;Social Menu&#8221;. Then click on the &#8220;<strong>Create Menu<\/strong>&#8221; button.<\/li><li>Find &#8220;Custom Links&#8221; on the left. Enter the link of your social media site, for example, &#8220;https:\/\/twitter.com\/LoftOcean&#8221;. And you can also enter some text into &#8220;Link Text&#8221; field, it&#8217;s optional, and you can enter any text here. Just need to give a correct URL. Click &#8220;Add to Menu&#8221; button.<\/li><li>Repeat to enter your other social media sites&#8217; links.<\/li><li>Find &#8220;<strong>Menu Settings<\/strong>&#8221; option &gt; &#8220;<strong>Theme locations<\/strong>&#8220;, check the box before &#8220;<strong>Social Menu<\/strong>&#8220;.<\/li><li>Click on &#8220;<strong>Save Menu<\/strong>&#8221; button.<\/li><\/ol><p>Please see the screenshot of editing the social menu as reference:<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f3b6a85 elementor-widget elementor-widget-image\" data-id=\"f3b6a85\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/loftocean.com\/doc\/patiotime\/wp-content\/uploads\/sites\/6\/2022\/11\/manage-social-menu.jpg\" data-elementor-open-lightbox=\"yes\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MzUyLCJ1cmwiOmZhbHNlfQ%3D%3D\">\n\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/loftocean.com\/doc\/patiotime\/wp-content\/uploads\/sites\/6\/2022\/11\/manage-social-menu.jpg\" title=\"\" alt=\"\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c4f6d92 elementor-widget elementor-widget-text-editor\" data-id=\"c4f6d92\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Now your social menu is ready to use.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d9bac2d elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"d9bac2d\" data-element_type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fa3283c elementor-widget elementor-widget-pt_title\" data-id=\"fa3283c\" data-element_type=\"widget\" data-widget_type=\"pt_title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n        <div class=\"pt-title-wrap\">\t            <h6 class=\"pt-title\">\n\t                Open the social icon link in a new tab when click\t            <\/h6>        <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a27da72 elementor-widget elementor-widget-text-editor\" data-id=\"a27da72\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<ol><li>When create\/edit a menu item, tick the box before\u00a0<strong>\u201cOpen link in a new tab\u201d<\/strong>.<a href=\"https:\/\/loftocean.com\/doc\/patiotime\/wp-content\/uploads\/sites\/6\/2022\/11\/open-menu-link-in-new-tab.jpg\"><img fetchpriority=\"high\" decoding=\"async\" class=\"alignnone size-full wp-image-363\" src=\"https:\/\/loftocean.com\/doc\/patiotime\/wp-content\/uploads\/sites\/6\/2022\/11\/open-menu-link-in-new-tab.jpg\" alt=\"\" width=\"1800\" height=\"969\" \/><\/a><\/li><li>If you can&#8217;t find the option, it is most likely hidden by default. Please scroll up to the top of the screen, and click the\u00a0<strong>Screen Options<\/strong>, then make sure the\u00a0<strong>Link Target<\/strong>\u00a0box is checked.<a href=\"https:\/\/loftocean.com\/doc\/patiotime\/wp-content\/uploads\/sites\/6\/2022\/11\/open-menu-item-in-new-tab.jpg\"><img decoding=\"async\" class=\"alignnone size-full wp-image-362\" src=\"https:\/\/loftocean.com\/doc\/patiotime\/wp-content\/uploads\/sites\/6\/2022\/11\/open-menu-item-in-new-tab.jpg\" alt=\"\" width=\"1800\" height=\"780\" \/><\/a><\/li><li>Click on\u00a0<strong>\u201cSave menu\u201d<\/strong>\u00a0button to save the changes. Done.<\/li><\/ol>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1ccbfeb elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"1ccbfeb\" data-element_type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3139f40 elementor-widget elementor-widget-pt_title\" data-id=\"3139f40\" data-element_type=\"widget\" data-widget_type=\"pt_title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n        <div class=\"pt-title-wrap\">\t            <h6 class=\"pt-title\">\n\t                Add Social Icons with Elementor\t            <\/h6>        <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1e56cc7 elementor-widget elementor-widget-text-editor\" data-id=\"1e56cc7\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>When you are using Elementor to edit your site header, footer, mobile menu, or any page\/post, you can find &#8220;<strong>CozyStay Elements<\/strong>&#8221; in the left sidebar of the Elementor editor, and then please find the &#8220;<strong>Social Menu<\/strong>&#8221; element. Add it to the content area, and your <strong>Social Menu<\/strong> will display.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e3a01b4 elementor-widget elementor-widget-image\" data-id=\"e3a01b4\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"http:\/\/loftocean.com\/doc\/cozystay\/wp-content\/uploads\/sites\/7\/2022\/11\/cs-social-menu.png\" data-elementor-open-lightbox=\"yes\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MTEzMywidXJsIjoiaHR0cHM6XC9cL2xvZnRvY2Vhbi5jb21cL2RvY1wvY296eXN0YXlcL3dwLWNvbnRlbnRcL3VwbG9hZHNcL3NpdGVzXC83XC8yMDIyXC8xMVwvY3Mtc29jaWFsLW1lbnUucG5nIn0%3D\">\n\t\t\t\t\t\t\t<img decoding=\"async\" width=\"318\" height=\"1024\" src=\"https:\/\/loftocean.com\/doc\/cozystay\/wp-content\/uploads\/sites\/7\/2022\/11\/cs-social-menu-318x1024.png\" class=\"attachment-large size-large wp-image-1133\" alt=\"\" srcset=\"https:\/\/loftocean.com\/doc\/cozystay\/wp-content\/uploads\/sites\/7\/2022\/11\/cs-social-menu-318x1024.png 318w, https:\/\/loftocean.com\/doc\/cozystay\/wp-content\/uploads\/sites\/7\/2022\/11\/cs-social-menu-93x300.png 93w, https:\/\/loftocean.com\/doc\/cozystay\/wp-content\/uploads\/sites\/7\/2022\/11\/cs-social-menu-477x1536.png 477w, https:\/\/loftocean.com\/doc\/cozystay\/wp-content\/uploads\/sites\/7\/2022\/11\/cs-social-menu-550x1772.png 550w, https:\/\/loftocean.com\/doc\/cozystay\/wp-content\/uploads\/sites\/7\/2022\/11\/cs-social-menu-370x1192.png 370w, https:\/\/loftocean.com\/doc\/cozystay\/wp-content\/uploads\/sites\/7\/2022\/11\/cs-social-menu-255x821.png 255w, https:\/\/loftocean.com\/doc\/cozystay\/wp-content\/uploads\/sites\/7\/2022\/11\/cs-social-menu.png 596w\" sizes=\"(max-width: 318px) 100vw, 318px\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-89a69c9 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"89a69c9\" data-element_type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9624adb elementor-widget elementor-widget-pt_title\" data-id=\"9624adb\" data-element_type=\"widget\" data-widget_type=\"pt_title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n        <div class=\"pt-title-wrap\">\t            <h6 class=\"pt-title\">\n\t                Change the Twitter \"bird\" logo to \"X\"\t            <\/h6>        <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c30f591 elementor-widget elementor-widget-text-editor\" data-id=\"c30f591\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Please follow the steps below:<\/p><ol><li><strong>Make sure your CozyStay theme is updated to the latest version (v1.5 and above).<\/strong> CozyStay themes older than v1.5 do not include the &#8220;X&#8221; icon. If you are not sure how to update, please follow <a href=\"https:\/\/loftocean.com\/doc\/cozystay\/ptkb\/update-cozystay\/\" target=\"_blank\" rel=\"noopener\">this tutorial<\/a>.<\/li><li>On your WordPress site dashboard, go to\u00a0<strong>Appearance<\/strong>\u00a0&gt;\u00a0<strong>Menus<\/strong>\u00a0&gt;\u00a0<strong>Edit Menus.<\/strong><\/li><li>Find your social menu, edit the URL. Change &#8220;twitter.com&#8221; to &#8220;x.com&#8221;. <a href=\"http:\/\/loftocean.com\/doc\/cozystay\/wp-content\/uploads\/sites\/7\/2024\/08\/social-menu-x.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1948\" src=\"http:\/\/loftocean.com\/doc\/cozystay\/wp-content\/uploads\/sites\/7\/2024\/08\/social-menu-x.jpg\" alt=\"\" width=\"2009\" height=\"1845\" srcset=\"https:\/\/loftocean.com\/doc\/cozystay\/wp-content\/uploads\/sites\/7\/2024\/08\/social-menu-x.jpg 2009w, https:\/\/loftocean.com\/doc\/cozystay\/wp-content\/uploads\/sites\/7\/2024\/08\/social-menu-x-300x276.jpg 300w, https:\/\/loftocean.com\/doc\/cozystay\/wp-content\/uploads\/sites\/7\/2024\/08\/social-menu-x-1024x940.jpg 1024w, https:\/\/loftocean.com\/doc\/cozystay\/wp-content\/uploads\/sites\/7\/2024\/08\/social-menu-x-768x705.jpg 768w, https:\/\/loftocean.com\/doc\/cozystay\/wp-content\/uploads\/sites\/7\/2024\/08\/social-menu-x-1536x1411.jpg 1536w, https:\/\/loftocean.com\/doc\/cozystay\/wp-content\/uploads\/sites\/7\/2024\/08\/social-menu-x-1920x1763.jpg 1920w\" sizes=\"(max-width: 2009px) 100vw, 2009px\" \/><\/a><\/li><li>Save changes. Done.<\/li><li>If the URL of the social menu item contains &#8220;twitter.com\/&#8221;, the icon will still be the old Twitter bird icon. When the URL contains &#8220;x.com&#8221;, the new &#8220;X&#8221; icon will be displayed.<a href=\"http:\/\/loftocean.com\/doc\/cozystay\/wp-content\/uploads\/sites\/7\/2024\/08\/social-menu-x-2.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-1949\" src=\"http:\/\/loftocean.com\/doc\/cozystay\/wp-content\/uploads\/sites\/7\/2024\/08\/social-menu-x-2.jpg\" alt=\"\" width=\"537\" height=\"329\" srcset=\"https:\/\/loftocean.com\/doc\/cozystay\/wp-content\/uploads\/sites\/7\/2024\/08\/social-menu-x-2.jpg 1074w, https:\/\/loftocean.com\/doc\/cozystay\/wp-content\/uploads\/sites\/7\/2024\/08\/social-menu-x-2-300x184.jpg 300w, https:\/\/loftocean.com\/doc\/cozystay\/wp-content\/uploads\/sites\/7\/2024\/08\/social-menu-x-2-1024x627.jpg 1024w, https:\/\/loftocean.com\/doc\/cozystay\/wp-content\/uploads\/sites\/7\/2024\/08\/social-menu-x-2-768x471.jpg 768w, https:\/\/loftocean.com\/doc\/cozystay\/wp-content\/uploads\/sites\/7\/2024\/08\/social-menu-x-2-780x478.jpg 780w, https:\/\/loftocean.com\/doc\/cozystay\/wp-content\/uploads\/sites\/7\/2024\/08\/social-menu-x-2-600x368.jpg 600w, https:\/\/loftocean.com\/doc\/cozystay\/wp-content\/uploads\/sites\/7\/2024\/08\/social-menu-x-2-550x337.jpg 550w, https:\/\/loftocean.com\/doc\/cozystay\/wp-content\/uploads\/sites\/7\/2024\/08\/social-menu-x-2-370x227.jpg 370w, https:\/\/loftocean.com\/doc\/cozystay\/wp-content\/uploads\/sites\/7\/2024\/08\/social-menu-x-2-255x156.jpg 255w\" sizes=\"(max-width: 537px) 100vw, 537px\" \/><\/a><\/li><\/ol>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"menu_order":0,"template":"","ptkb_category":[6],"class_list":["post-350","ptkb","type-ptkb","status-publish","hentry","ptkb_category-menus"],"_links":{"self":[{"href":"https:\/\/loftocean.com\/doc\/cozystay\/wp-json\/wp\/v2\/ptkb\/350","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/loftocean.com\/doc\/cozystay\/wp-json\/wp\/v2\/ptkb"}],"about":[{"href":"https:\/\/loftocean.com\/doc\/cozystay\/wp-json\/wp\/v2\/types\/ptkb"}],"version-history":[{"count":5,"href":"https:\/\/loftocean.com\/doc\/cozystay\/wp-json\/wp\/v2\/ptkb\/350\/revisions"}],"predecessor-version":[{"id":1961,"href":"https:\/\/loftocean.com\/doc\/cozystay\/wp-json\/wp\/v2\/ptkb\/350\/revisions\/1961"}],"wp:attachment":[{"href":"https:\/\/loftocean.com\/doc\/cozystay\/wp-json\/wp\/v2\/media?parent=350"}],"wp:term":[{"taxonomy":"ptkb_category","embeddable":true,"href":"https:\/\/loftocean.com\/doc\/cozystay\/wp-json\/wp\/v2\/ptkb_category?post=350"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}