Code changes won't appear on mobile - Dawn Theme

isaacdob · ‎06-19-2024

The changes I've made using code on my website only appear on desktop. For example, I removed the search icon on the header of the homepage but it still shows up when on mobile. Does anyone know why this could be happening? I'm using the Dawn theme.

www.evrenclothing.com

password - chewno

EBOOST · ‎06-19-2024

Hi @isaacdob ,

I saw your code only hide icon the screen larger 989px;

May I suggest you add code below to end of Assets/base.css file

.header:not(.header--top-center) > .header__search,
  .header--top-center * > .header__search {
    display: none;
  }

- Hope can help. If you find my reply helpful, please hit Like and Mark as Solution
- Need a Shopify developer? Contact email: eboost10@gmail.com
- Visit our site: https://www.eboosttech.net to view and download shopify themes and magento2 extensions free. Github.com/eboost10
- ❤❤DONATE ❤❤Coffee tips

View solution in original post

EBOOST · ‎06-19-2024

Hi @isaacdob ,

I saw your code only hide icon the screen larger 989px;

May I suggest you add code below to end of Assets/base.css file

.header:not(.header--top-center) > .header__search,
  .header--top-center * > .header__search {
    display: none;
  }

- Hope can help. If you find my reply helpful, please hit Like and Mark as Solution
- Need a Shopify developer? Contact email: eboost10@gmail.com
- Visit our site: https://www.eboosttech.net to view and download shopify themes and magento2 extensions free. Github.com/eboost10
- ❤❤DONATE ❤❤Coffee tips

isaacdob · ‎06-19-2024

@EBOOST Thanks so much!

Code changes won't appear on mobile - Dawn Theme

Code changes won't appear on mobile - Dawn Theme

Community Blog Articles