Assistance Needed to Remove Mobile Header

Idea 5

in Feature request · Seller 169 · last year

Hello GemPages Support Team, I hope this message finds you well. I am reaching out to request assistance with an issue I am encountering in the mobile version of my store. Specifically, I need to remove or hide the header section on mobile devices while keeping it intact for desktop users. Could you please guide me on how to achieve this using your application? If any custom CSS or settings adjustments are required, I would appreciate detailed instructions. Store URL: [Insert Your Store URL (https://admin.shopify.com/store/elementalfoods/apps/gempages-cro/app/builder/v7?pageId=543134272957973363&themeId=540196957826581539&type=gempagesv7&pageType=GP_STATIC&shopId=540196954521470084&shopifyDomain=elementalfoods.myshopify.com)] Thank you in advance for your support, and I look forward to your response. Best regards, Eddie Santiago [email]

Comments 5

GemPages teamTeam5 Dec 2024
Hello @Seller 169 , Thank you for reaching out! Could you please provide a live page URL from your store where you’d like to hide the header section? I’ll collaborate with our technical support team to help find the best solution for you. Looking forward to your response! Also, you could drop an email to us via [email] (mailto:[email]) too, our support team will be happy to help you asap. Best, The GemPages Team.
▲ 1
- Seller 1695 Dec 2024
  Hello @GemPages team , I would like to be able to remove only the header mobile section. https://elementalfoods.com.co/pages/proteina-organica?_ab=0&key=1733432481217
  ▲ 1
  - GemPages teamTeam6 Dec 2024
    @media (max-width: 430px) { .breadcrumb { display: none!important; } #shopify-section-header { display: none!important; } } @Seller 169 , please try to drag a Custom Code Element to your page editor, then paste the code above into CSS tab. Then, try to publish anh check your page on the live page. Thisquick demo video (https://www.loom.com/share/520de89138114cf8abdf77ade0b886d0)will help you understand the steps. Please try and let me know how it goes. If you have any questions or concerns, do not hesitate to contact us via email: [email]. Best, The GemPages Team
    ▲ 2
    - Seller 1696 Dec 2024
      Hi James, thank you very much for your help, it was very helpful. Now I need you to please help me to remove the header in the desktop version. https://elementalfoods.com.co/pages/proteina-organica?_ab=0&key=1733518857635
      ▲ 1
      - GemPages teamTeam9 Dec 2024
        Hello @Seller 169 , As I understand, you want to remove the header on both of desktop version & mobile version. If so, you can try remove the custom code & try to follow this article: https://help.gempages.net/articles/edit-shopify-header-and-footer#how-to-turn-onoff-the-theme-header-and-footer-with-gempages GemPages provided a good way to control this. Please try and let me know how it goes. Best, The GemPages Team.
        ▲ 2