Header and announcement bar

Solved
KAD1on
Tourist
5 0 0

I added an announcement bar code to my theme Split and there is an image overlapping it from my header. The padding I put on my announcement bar has no effect on it. How can I move the picture below my announcement bar? Also when my navigation window is shrinked it is okay, it's only when it is in full display.

Thank you!

ErreurAnnouncementBar.JPGErreurAnnouncementBarZoomout.JPG

0 Likes
JHKCreate
Shopify Partner
2052 334 448

Hey There!

 

Can you please share your store URL so we can provide the code for a solution

 

Thanks

- Did we solve your issue? Like & Mark As Solution to help the community
- Should you need any direct help: contact@jhkcreate.com
0 Likes
KAD1on
Tourist
5 0 0

The URL is https://gank.shop/

0 Likes
JHKCreate
Shopify Partner
2052 334 448

Thanks!

Add the following code to your css_main.scss file:

.announcement-bar {
    z-index: 1000;
    width: 100%;
}


That should do it! Do let me know! 

- Did we solve your issue? Like & Mark As Solution to help the community
- Should you need any direct help: contact@jhkcreate.com
0 Likes
KAD1on
Tourist
5 0 0

I have to copy paste it directly after my last line of the file?

0 Likes
JHKCreate
Shopify Partner
2052 334 448

Anywhere works, usually you put it at the end so you find what you added quicker, cheers!

- Did we solve your issue? Like & Mark As Solution to help the community
- Should you need any direct help: contact@jhkcreate.com
0 Likes
KAD1on
Tourist
5 0 0

I pasted it directly after the last line in my css_main.scss.liquid in my asset folder but it still is behind the image is there any other solution? 

0 Likes
JHKCreate
Shopify Partner
2052 334 448

This is an accepted solution.

Small tweak, please use the following instead:

.announcement-bar {
    z-index: 1000!important;
    width: 100%;
}


That will overwrite any lingering pieces of code. Let me know! 

- Did we solve your issue? Like & Mark As Solution to help the community
- Should you need any direct help: contact@jhkcreate.com
KAD1on
Tourist
5 0 0

Amazing it works thank you!!

0 Likes
JHKCreate
Shopify Partner
2052 334 448

Fantastic! Don't forget to Mark As Solution Like to make the answer more visible to the community Cheers!

- Did we solve your issue? Like & Mark As Solution to help the community
- Should you need any direct help: contact@jhkcreate.com