Remove tab from mobile version and keep in web version?

Store Design
, , ,
1

Hello,

I have a third-party theme and would like to know how to remove a tab from the cell phone, but keep it in the browser. In this case, I would like to remove the policy tab at the beginning of the mobile page (highlighted in red) and keep it in the web version. Is there any way to do this?

Strassi_0-1678746548834.png
Strassi_0-1678746548834.png912×345 108 KB

Thank you in advance!

2

Hi @Strassi ,

This is Victor from PageFly - Landing page builder, I’d like to suggest this idea:

Step 1. Go to Online Store → Theme → Edit code
Step 2. Open your theme.liquid theme file
Step 3. Paste below code before :

Hope my answer will help you.

Best regards,

Victor | PageFly

3

Hi @Strassi ,

You can check out my suggestion below to get your concern resolved.

  1. Go to Edit code on Online Store:

GemPages_0-1678756444289.png
GemPages_0-1678756444289.png400×163 25.3 KB

  1. add my code above the tag on Theme.liquid:

Hope you find my answer helpful!

Kind & Best regards,
GemPages Support Team.

4

@PageFly-Victor , your code worked but it left a space at the top of the header and made the footer disappear, @GemPages code solved that. Many thanks to both of you!

If any of you know the answer to another question: how can I make the header of the mobile version different from the web version? For example, the one on the web version is horizontal and I wanted to put a different version vertically on the mobile version. I don’t want to simply change the size of the header, but rather create a version for mobile with the image and text positioned differently.

Thanks in advance!