padding

Store Design
,
1

Hi, my padding was fine before but for some reason my navigation banner is very large now. how can i reduce it where it states: 50% OFF + Free Express Delivery Today Only

https://silksoothehair.com/products/silksoothe%E2%84%A2-premium-red-light-massage-brush?variant=45762583658732

how can I fix this?

1 Like
2

Hello @caitlynneal

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset > base.css and paste this at the top of the file:
.announcement-bar__announcement .announcement-items {
display: none;
}

ZestardTech_0-1729241838378.png
ZestardTech_0-1729241838378.png1910×506 122 KB

3

@caitlynneal ,

Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above

Result:

BSSCommerceB2B_0-1729243083973.png
BSSCommerceB2B_0-1729243083973.png1086×811 383 KB

If it helps you, please like and mark it as the solution.

Best Regards :blush:

4

Hi @caitlynneal

This is Amelia from PageFly - Landing Page Builder App

You can try this code by following these steps:

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

Step 2: Search file base.css

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

div#Slide-sections–18639878258924__announcement-bar-2 {

display: none;

}

Hope that my solution works for you.

Best regards,

Amelia | PageFly

5

Hello @caitlynneal

Go to online store ----> themes ----> actions ----> edit code ---->base.css
add this code at the end of the file and save.

div#Slide-sections--18639878258924__announcement-bar-2 {
    display: none !important;
}

result

6.png
6.png1867×123 19 KB

If this was helpful, hit the like button and accept the solution.
Thanks