How to hide navigation menu image from mobile only

[AmandaAbirached]

I want to hide an image showing on my menu on mobile only. I am using the broadcast theme.

[Moeed]

Hey @AmandaAbirached

Follow these steps:

1. Go to Online Store
2. Edit Code
3. Find theme.liquid file
4. Add the following code in the bottom of the file above

[Denishamakwana]

Please add below css code at bottom of assets/theme.css file

.sliderule-grid.blocks-1 {
display: none;

}
Thank you.

[EBOOST]

Hi @AmandaAbirached

May I suggest to update code these steps:

1. Go to Store Online-> theme → edit code

2. Assets/theme.css
3. Add code below to bottom of file

@media(max-width: 749px){
	.sliderule-grid.blocks-1 { display: none!important;}
}

[irene-vintage]

Hello @AmandaAbirached ,

You can try to follow these steps:

Go to Online Store → Theme → Actions → Edit code

Go to theme.liquid file → add this following code at the bottom of page:

@media (max-width: 767px) {
  .site-nav__item img {
    display: none;
  }
}

Save and preview

Hope this can help you out. Let we know if you have any further questions.

Ali Reviews team.

[AmandaAbirached]

worked perfectly thanks