How to fix cut-off text in the announcement bar?

Store Design
, , ,
1

023F7FBC-B34A-4B79-B5BD-69C749A31691.jpeg
023F7FBC-B34A-4B79-B5BD-69C749A31691.jpeg1574×2100 574 KB

Hi my announcement bar on desktop cuts off the bottom letters. Maybe need to adjust the size or header?

my site is https://luxurymrkt.com

thanks Mike

2

hi @Luxurymrkt

step 01:

  1. Go to your Store > Theme > click to edit code.
  2. find this file “theme.css” and open.

step 02:

  1. Paste the code at the of the file.
#AnnouncementSlider .flickity-viewport {
    height: 12px !important;
}

https://prnt.sc/EcNxSTv39YIL

hope this idea helps you

3

Hi @Luxurymrkt,

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.css

Step 3: Paste the below code at bottom of the file → Save

#AnnouncementSlider{
padding:4px 0 !important
}

Hope my solution works perfectly for you!

Best regards,

Victor | PageFly

4

hey. doesnt work just move the announcemnet bar down

5

hey. doesnt work just move the header and logo down

6

i got it to work. had to reduce the font size to .65 then use your code

thanks mike