Hide main menu on desktop only (and visible on mobile)

Store Design
, ,
1

Hi, I have been trying to hide the main menu on desktop only and keep it visible on mobile but I can’t find any solution for that.

Any ideas?

2

Hi @Maeva_Totem

This is Victor from PageFly - Landing Page Builder App

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css.

Step 3: Paste the below code at bottom of the file → Save

@media (min-width: 1025px) {

header {

display: none !important;

} }

Hope that my solution works for you.

Best regards,

Victor | PageFly

3

Hello @Maeva_Totem

It’s GemPages support team and glad to support you today.

I would like to give you a solution to support you.

  1. Go to Online Store → Theme → Edit code.

  2. Open your theme.liquid theme file.

  3. Paste the below code before :

Hope my solution can work and support you!

Kind & Best regards!

GemPages Support Team.