FROM CACHE - en_header

Header Menu Issues - How to remove a section for ipad

Solved
mattpermute
Explorer
58 0 24

Hello,

I am having some formatting issues with my header menu, I need the 'refer a friend' tab on the header to be removed when the user is on an ipad or tablet.

Please refer to the attached image for reference

shop link: french-bazaare.myshopify.com

Let me know if there is an easy way to fix this!

Thanks

MM

Screen Shot 2021-09-16 at 1.15.59 PM.png

Accepted Solution (1)

Accepted Solutions
Nick_Marketing
Shopify Partner
1486 334 443

This is an accepted solution.

Hi,

Try adding this code to the bottom of style.scss.css

 

@media only screen and (min-width:769px) and (max-width:899px){
.refer-a-friend {
  display: none;
}  
}

 

 

Nick | Ecommerce & Marketing Technology Consultant | Toronto, CANADA
- For consulting work availability, please send me a Private Message or submit a ✍️Contact Form.
- For FREE Shopify Tutorials, Subscribe to my YouTube channel (▶️ Ecommerce TV).

View solution in original post

Replies 4 (4)
Nick_Marketing
Shopify Partner
1486 334 443

This is an accepted solution.

Hi,

Try adding this code to the bottom of style.scss.css

 

@media only screen and (min-width:769px) and (max-width:899px){
.refer-a-friend {
  display: none;
}  
}

 

 

Nick | Ecommerce & Marketing Technology Consultant | Toronto, CANADA
- For consulting work availability, please send me a Private Message or submit a ✍️Contact Form.
- For FREE Shopify Tutorials, Subscribe to my YouTube channel (▶️ Ecommerce TV).
prasanna1991
Shopify Partner
25 9 11

Hi @mattpermute ,

Hope you are well.

Please follow the below steps:

  1. Go to Online Store->Theme->Edit code
  2. Asset->/styles.scss.css
  3. Paste the below code at the bottom of the file & Click Save
 @media (max-width: 1024px) {
.refer-a-friend {
display:none!important;
}
}

Hope that helps

Thanks

- Want to modify or custom changes on store Hire me.
- Feel free to contact me on prasanna.mahamulkar@gmail.com regarding any help.
- If helpful then please Like and Accept Solution.
Shopify Frontend Web Developer | Whatsapp Me
mattpermute
Explorer
58 0 24

Thank you this worked like a charm!

Nick_Marketing
Shopify Partner
1486 334 443

@mattpermuteI am glad the issue is solved.
P.S. great looking website!

Nick | Ecommerce & Marketing Technology Consultant | Toronto, CANADA
- For consulting work availability, please send me a Private Message or submit a ✍️Contact Form.
- For FREE Shopify Tutorials, Subscribe to my YouTube channel (▶️ Ecommerce TV).