Anubis Posted June 16, 2020 Share Posted June 16, 2020 Site URL: https://voltairecommunications.com/ Hi All, I've been trying to remove the hamburger menu from appearing on desktops and tablets. The hamburger should only be seen when on mobile. Has anyone successfully hid the hamburger for desktop? Thanks! Link to comment
Solution tuanphan Posted June 16, 2020 Solution Share Posted June 16, 2020 Add to Home > design > Custom CSS @media screen and (min-width:641px) { a#desktopMenu { visibility: hidden !important; } } Anubis 1 Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Anubis Posted June 16, 2020 Author Share Posted June 16, 2020 Amazing! Thank you so much, that worked perfectly. So sorry, but I wonder if you could help with another issue. I want the tablet screen hamburger menu to work like the mobile screen menu, so that it swipes in from the left when the hamburger is clicked. Any ideas? Thanks again! Link to comment
Anubis Posted June 17, 2020 Author Share Posted June 17, 2020 Hey! Sorry to bother you again. So sorry, but I wonder if you could help with another issue. I want the tablet screen hamburger menu to work like the mobile screen menu, so that it swipes in from the left when the hamburger is clicked. Any ideas? Thanks again! Link to comment
MinerMan2022 Posted October 10, 2022 Share Posted October 10, 2022 Hi @tuanphan we are trying to hide the hamburger menu on our site as well and would like a traditional navigation to show if possible. I've added the code mentioned above but the hamburger menu is still displaying. Do you know what we can add to help remove it? Let us know. Thank you! Site URL: https://martini-i3-may.squarespace.com/our-team Password: DoveLove2022! Link to comment
tuanphan Posted October 12, 2022 Share Posted October 12, 2022 On 10/11/2022 at 2:58 AM, MinerMan2022 said: Hi @tuanphan we are trying to hide the hamburger menu on our site as well and would like a traditional navigation to show if possible. I've added the code mentioned above but the hamburger menu is still displaying. Do you know what we can add to help remove it? Let us know. Thank you! Site URL: https://martini-i3-may.squarespace.com/our-team Password: DoveLove2022! Your site is 7.1. Default burger appears on mobile + tablet only. If burger appear on desktop, maybe you added custom code. Try checking it again & remove the code. Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
MinerMan2022 Posted October 12, 2022 Share Posted October 12, 2022 1 hour ago, tuanphan said: Your site is 7.1. Default burger appears on mobile + tablet only. If burger appear on desktop, maybe you added custom code. Try checking it again & remove the code. Thank you @tuanphan I hid the burger menu but now I'm unsure on how to bring the navigation items back for a traditional global menu. Would you be able to help us with this? Link to comment
tuanphan Posted October 15, 2022 Share Posted October 15, 2022 On 10/12/2022 at 9:33 PM, MinerMan2022 said: Thank you @tuanphan I hid the burger menu but now I'm unsure on how to bring the navigation items back for a traditional global menu. Would you be able to help us with this? Can you send all current code in your CSS box? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
MinerMan2022 Posted October 17, 2022 Share Posted October 17, 2022 On 10/15/2022 at 4:12 AM, tuanphan said: Can you send all current code in your CSS box? Suer thing. Please see below. //.gallery-fullscreen-slideshow[data-transition="fade"] .gallery-fullscreen-slideshow-item[data-active="true"] .gallery-fullscreen-slideshow-item-src { transition: opacity 1400ms ease-in-out !important; -webkit-transition: opacity 1400ms ease-in-out !important; -ms-transition: opacity 1400ms ease-in-out !important; -moz-transition: opacity 1400ms ease-in-out !important; -o-transition: opacity 1400ms ease-in-out !important; } [id*="img-hover"] { width: 100% !important; background-repeat: no-repeat; background-size: cover !important; background-position: center top; } /*Poster Image Hover Effect */ .gallery-grid:hover .image-overlay { background: blue !important; opacity: 0.8; transition: 2s; } .gallery-grid .image-overlay { opacity: 0; transition: 2s; } /*Image Replacement Mobile*/ @media screen and (min-width: 641px) { #block-yui_3_17_2_1_1663703993306_10826 { display: none; } } @media screen and (max-width: 641px) { #block-yui_3_17_2_1_1663703993306_8469, #block-0c68a2fea174830212ac { display: none; } } #yui_3_17_2_1_1664293275526_856 { color: #71acb6 !important; } /*Overlay Menu*/ .heaver-nav { background: #71acb6 !important; } .header-title-logo a { color: white; } /*Awards & Rec Blocks Replacement Mobile*/ @media screen and (min-width: 641px) { #block-yui_3_17_2_1_1664382186561_3699 { display: none; } } @media screen and (max-width: 641px) { #block-yui_3_17_2_1_1664298812838_201675, #block-yui_3_17_2_1_1664298812838_206454 { display: none; } } body#collection-632a043689cd704b54cf7f13 .gallery-grid-wrapper { display: flex; justify-content: center; } body#collection-632a043689cd704b54cf7f13 .gallery-grid-item-wrapper { width: 400px; height: auto; } .image-block-wrapper { border-radius: 0px !important; } /*Post Image Correction Border radius*/ .summary-thumbnail { border-radius: 0px !important; } /*Bottom Navigation Image Correction Border radius*/ .sqs-block-image-figure { border-radius: 0px !important; } /*Bottom Navigation Text Color Correction*/ .sqm-image-boxes .sqs-block-image .design-layout-poster .image-title-h3 { font-color: #71acb6 !important; } h1 { font-family: "Proxima Nova" !important; } h2 { font-family: "Proxima Nova" !important; } h3 { font-family: "Proxima Nova" !important; } h4 { font-family: "Proxima Nova" !important; } p { font-family: "Adobe Garamound Pro" !important; } .summary-title { font-family: "Proxima Nova" !important; } .gallery-caption-content { font-family: "Proxima Nova" !important; color: #3f676d; } .sqm-links-tabs .tabs-title h2.sm-active span:after { content: ""; width: 30px; height: 8px; background: url(https://static1.squarespace.com/static/627a07de3945684c806adb72/t/633c7d9b3084aa238280bc0b/1664908699263/teal-arrow-right-hover.png) no-repeat; background-size: contain; position: absolute; top: 14px; right: 10px; } .sqmuse-burger-menu.show-burger.menu .header-title-logo img { filter: none !important; } .sqm-image-boxes .sqs-block-image .design-layout-poster .image-title h3 { color: #71acb6 !important; } .sqm-image-boxes .sqs-block-image .design-layout-poster .image-title-wrapper + .image-subtitle-wrapper .image-subtitle h4 { color: #3f676d; } .sqm-image-boxes .image-card-wrapper:after { content: ""; width: 30px; height: 8px; background: url(https://static1.squarespace.com/static/627a07de3945684c806adb72/t/633c7d9b3084aa238280bc0b/1664908699263/teal-arrow-right-hover.png) no-repeat; background-size: contain; position: absolute; bottom: 35px; transform: translateX(-50%); } .sqm-image-boxes .sqs-block-image:hover .image-card-wrapper:after { filter: invert(100%); } .view-list .image-wrapper { border-radius: 0px !important; } .header-title-logo img { filter: none !important; } .sqmuse-burger-menu .header-nav { background: #f7f7f7 !important; } body { background-color: #f7f7f7 !important; } .sqmuse-burger-menu .sm-burger-menu-email { font-family: "proxima-nova" !important; font-weight: 600px !important; } .header-menu-nav-item, .header-nav-wrapper a { font-family: "proxima-nova" !important; color: #3f676d !important; font-weight: 600px !important; } .sqm-cases-section.page-section > .content-wrapper { border-bottom: none !important; } .sqmuse-burger-menu .burger-close { left: unset !important; } .sqm-image-boxes .sqs-block-image:hover .design-layout-poster .image-subtitle h4, .sqm-image-boxes .sqs-block-image:hover .design-layout-poster .image-title h3 { color: #fff !important; } .sqm-image-boxes .sqs-block-image .design-layout-poster .image-title h3 { color: #71acb6 !important; } .sqm-links-tabs .sqs-col-7 { background: rgba(229,224,217,.7)!important; padding: 25px 10px!important; box-sizing:border-box; z-index: 3; } .sqm-links-tabs .tabs-title h2 { color: #3f676d !important; } .sqs-block-image .image-block-outer-wrapper.image-block-v2 .image-overlay { background-color: rgba(229,224,217,.95)!important; border-right-style: solid !important; border-left-style: solid !important; border-width: 1px !important; border-color: #3f676d !important; } // Tuan Phan Code @media screen and (min-width:768px) { body#collection-632a043689cd704b54cf7f13 .gallery-grid-wrapper { display: flex; justify-content: center; body#collection-632a043689cd704b54cf7f13 .gallery-grid-item-wrapper{ width: 400px; height: auto; } } } //Hide Hamburger Menu @media screen and (min-width:641px) { a#desktopMenu { visibility: hidden !important; } } .sqm-image-boxes .sqs-layout:after { content: ""; width: 100%; height: 0px !important; background: #000; position: absolute; bottom: 95px; left: 0; } .gallery-grid-item img { object-fit: cover!important; } Link to comment
tuanphan Posted October 22, 2022 Share Posted October 22, 2022 On 10/18/2022 at 2:01 AM, MinerMan2022 said: Suer thing. Please see below. //.gallery-fullscreen-slideshow[data-transition="fade"] .gallery-fullscreen-slideshow-item[data-active="true"] .gallery-fullscreen-slideshow-item-src { transition: opacity 1400ms ease-in-out !important; -webkit-transition: opacity 1400ms ease-in-out !important; -ms-transition: opacity 1400ms ease-in-out !important; -moz-transition: opacity 1400ms ease-in-out !important; -o-transition: opacity 1400ms ease-in-out !important; } [id*="img-hover"] { width: 100% !important; background-repeat: no-repeat; background-size: cover !important; background-position: center top; } /*Poster Image Hover Effect */ .gallery-grid:hover .image-overlay { background: blue !important; opacity: 0.8; transition: 2s; } .gallery-grid .image-overlay { opacity: 0; transition: 2s; } /*Image Replacement Mobile*/ @media screen and (min-width: 641px) { #block-yui_3_17_2_1_1663703993306_10826 { display: none; } } @media screen and (max-width: 641px) { #block-yui_3_17_2_1_1663703993306_8469, #block-0c68a2fea174830212ac { display: none; } } #yui_3_17_2_1_1664293275526_856 { color: #71acb6 !important; } /*Overlay Menu*/ .heaver-nav { background: #71acb6 !important; } .header-title-logo a { color: white; } /*Awards & Rec Blocks Replacement Mobile*/ @media screen and (min-width: 641px) { #block-yui_3_17_2_1_1664382186561_3699 { display: none; } } @media screen and (max-width: 641px) { #block-yui_3_17_2_1_1664298812838_201675, #block-yui_3_17_2_1_1664298812838_206454 { display: none; } } body#collection-632a043689cd704b54cf7f13 .gallery-grid-wrapper { display: flex; justify-content: center; } body#collection-632a043689cd704b54cf7f13 .gallery-grid-item-wrapper { width: 400px; height: auto; } .image-block-wrapper { border-radius: 0px !important; } /*Post Image Correction Border radius*/ .summary-thumbnail { border-radius: 0px !important; } /*Bottom Navigation Image Correction Border radius*/ .sqs-block-image-figure { border-radius: 0px !important; } /*Bottom Navigation Text Color Correction*/ .sqm-image-boxes .sqs-block-image .design-layout-poster .image-title-h3 { font-color: #71acb6 !important; } h1 { font-family: "Proxima Nova" !important; } h2 { font-family: "Proxima Nova" !important; } h3 { font-family: "Proxima Nova" !important; } h4 { font-family: "Proxima Nova" !important; } p { font-family: "Adobe Garamound Pro" !important; } .summary-title { font-family: "Proxima Nova" !important; } .gallery-caption-content { font-family: "Proxima Nova" !important; color: #3f676d; } .sqm-links-tabs .tabs-title h2.sm-active span:after { content: ""; width: 30px; height: 8px; background: url(https://static1.squarespace.com/static/627a07de3945684c806adb72/t/633c7d9b3084aa238280bc0b/1664908699263/teal-arrow-right-hover.png) no-repeat; background-size: contain; position: absolute; top: 14px; right: 10px; } .sqmuse-burger-menu.show-burger.menu .header-title-logo img { filter: none !important; } .sqm-image-boxes .sqs-block-image .design-layout-poster .image-title h3 { color: #71acb6 !important; } .sqm-image-boxes .sqs-block-image .design-layout-poster .image-title-wrapper + .image-subtitle-wrapper .image-subtitle h4 { color: #3f676d; } .sqm-image-boxes .image-card-wrapper:after { content: ""; width: 30px; height: 8px; background: url(https://static1.squarespace.com/static/627a07de3945684c806adb72/t/633c7d9b3084aa238280bc0b/1664908699263/teal-arrow-right-hover.png) no-repeat; background-size: contain; position: absolute; bottom: 35px; transform: translateX(-50%); } .sqm-image-boxes .sqs-block-image:hover .image-card-wrapper:after { filter: invert(100%); } .view-list .image-wrapper { border-radius: 0px !important; } .header-title-logo img { filter: none !important; } .sqmuse-burger-menu .header-nav { background: #f7f7f7 !important; } body { background-color: #f7f7f7 !important; } .sqmuse-burger-menu .sm-burger-menu-email { font-family: "proxima-nova" !important; font-weight: 600px !important; } .header-menu-nav-item, .header-nav-wrapper a { font-family: "proxima-nova" !important; color: #3f676d !important; font-weight: 600px !important; } .sqm-cases-section.page-section > .content-wrapper { border-bottom: none !important; } .sqmuse-burger-menu .burger-close { left: unset !important; } .sqm-image-boxes .sqs-block-image:hover .design-layout-poster .image-subtitle h4, .sqm-image-boxes .sqs-block-image:hover .design-layout-poster .image-title h3 { color: #fff !important; } .sqm-image-boxes .sqs-block-image .design-layout-poster .image-title h3 { color: #71acb6 !important; } .sqm-links-tabs .sqs-col-7 { background: rgba(229,224,217,.7)!important; padding: 25px 10px!important; box-sizing:border-box; z-index: 3; } .sqm-links-tabs .tabs-title h2 { color: #3f676d !important; } .sqs-block-image .image-block-outer-wrapper.image-block-v2 .image-overlay { background-color: rgba(229,224,217,.95)!important; border-right-style: solid !important; border-left-style: solid !important; border-width: 1px !important; border-color: #3f676d !important; } // Tuan Phan Code @media screen and (min-width:768px) { body#collection-632a043689cd704b54cf7f13 .gallery-grid-wrapper { display: flex; justify-content: center; body#collection-632a043689cd704b54cf7f13 .gallery-grid-item-wrapper{ width: 400px; height: auto; } } } //Hide Hamburger Menu @media screen and (min-width:641px) { a#desktopMenu { visibility: hidden !important; } } .sqm-image-boxes .sqs-layout:after { content: ""; width: 100%; height: 0px !important; background: #000; position: absolute; bottom: 95px; left: 0; } .gallery-grid-item img { object-fit: cover!important; } Hi, I see you solved this? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment