Announcement bar for mobile

[saraseiva]

Hi announcement bar for mobile version is too wide, desktop version seems okay.> > www.datlook.nl> > How could i make it narrower?

[Raj-webdesigner]

Add this css in your edit code > base.css file

@media screen and (max-width:767px){
  .section-annoucement-bar .announcement-bar {
    padding: 0;
  }
}

[Tech_Coding]

Hello @saraseiva

You can add code by following these steps

1. Go to Online Store → Theme → Edit code.

2. Open your theme.liquid file

3. Paste the below code before on theme.liquid

@media screen and (max-width:767px){ .announcement-bar { padding-top: unset !important; padding-bottom: unset !important; } .text-size-xs { line-height: 16px !important; } }

my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.