How can I resolve the announcement bar issue on mobile?

Store Design
, ,
1

Hi,

I have a problem in my store:

tudoconexao.com

My announcement bar is covering the search bar when opened, this in the mobile version

Screenshot_20240309-154315-711.png
Screenshot_20240309-154315-711.png1080×410 69.3 KB

How can I fix this?

2

Hello @Dawenn

Hope you are doing well

Head to Online Store> Themes> Edit Code

Find the theme.css file and paste this code at very bottom of the file

@media screen and (max-width: 640px){
.header__search-bar-wrapper.is-fixed .search-bar {
    margin-top: 35px!important;/* You can adjust the height */
   }
}

Hopefully, it will help you. If yes then Please don’t forget to hit Like and Mark it as the solution!

1 Like
3

Worked perfectly! Thank you, you saved me :grin:

4

Cool do let me know if there any more issue you faces

1 Like