We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more

Bar announced ajust

Bar announced ajust

Suco
Explorer
117 0 14

IMG_3097.jpeg

 hi guys 

Hello guys, can you help me remove this blank space that was left over as it is in the image?

https://www.behumblee.com/

Pass-Humblee3030

Replies 2 (2)

Dan-From-Ryviu
Shopify Partner
12073 2359 2539

Hi @Suco 

Please go to Online Store > Themes > Customize > add this code to Custom CSS.

.announcement-bar__message {
    padding: 0.5rem 0 !important;
    min-height: auto !important;
}

Screenshot_2.jpg

- Helpful? Like & Accept solution!
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

GTLOfficial
Shopify Partner
881 182 192

Hello @Suco 
Go to online store ---------> themes --------------> actions ------> edit code------->base.CSS
at this code at the very end of the file.

body:has(.section-header .drawer-menu) .announcement-bar-section .page-width {
height: 30px;
}

and the result will be
26.png


If this was helpful, hit the like button and mark the job as completed.
Thanks

- Buy me a Pizza
- If helpful then please Like and Accept Solution.
- Want to modify or custom changes or bug fix on the store Hire me. GTL web solutions
- Want Complete Storefront: Send an email ⇨- Email: info@gtlofficial.com - Skype: ritesh_27dh