padding

Solved

padding

caitlynneal
Tourist
12 0 5

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=4576...

 

how can I fix this? 

Accepted Solution (1)

ZestardTech
Shopify Partner
6131 1097 1473

This is an accepted solution.

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

 

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing

View solution in original post

Replies 4 (4)

ZestardTech
Shopify Partner
6131 1097 1473

This is an accepted solution.

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

 

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing

BSSCommerce-B2B
Shopify Partner
1972 564 568

@caitlynneal,

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

Step 2: Search file theme.liquid

Step 3: Insert this code above </head>

<style>
#Slide-sections--18639878258924__announcement-bar-2 {
   height: 0;
}
</style>

Result:

BSSCommerceB2B_0-1729243083973.png

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

Best Regards 😊

B2B Wholesale Solution: Streamline your B2B operation with advanced features like wholesale registration forms, custom pricing.


B2B Portal, Quote, Net 30: Speed up purchasing and streamline your quotation process with advanced features like quick order, request for quote.


B2B Lock Password Protect: Easily control access to pages, products, and pricing with robust features.


BSS Commerce - Full-service eCommerce Agency I Use Shopify for 1$ in the first month now

PageFly-Amelia
Shopify Partner
626 165 238

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

Please let me know if it works by giving it a Like or marking it as a solution!


➜ Optimize your Shopify store with PageFly Page Builder (Free plan available) 
➜ Weekly updated Shopify tutorials on YouTube 


All features are available from Free plan. Live Chat Support is available 24/7.

Rahul_dhiman
Shopify Partner
808 155 169

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

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

Want to modify or custom changes or bug fix on store . Or Need help with your store? Or -Want Complete Storefront

Contact here


BEST CUSTOMER ACCOUNTS APP WITH CUSTOM WISHLIST OPTION 
TRY OUR APP :

PWC: Customer Accounts & Pages