How to make announcement bar visible and lower menu in header?

How do I make announcement bar visible and bring down menu

demostoreforcase _ Customize Copy of Z.M.Production.M.14.1.Main _ Shopify.png

@abhi13 Please send me your store url.

demostoreforcase.myshopify.com

password : ciahea

theme : motion

1 Like

@abhi13 Please paste below css at bottom of file.

.site-header {
padding: 25px 0 !important;
}

@abhi13

@media only screen and (max-width: 600px) {
header#SiteHeader {
    padding-top: 20px !Important;
}
}

Add this code in the bottom of the theme.scss or theme.css file

It doesn’t work

I actually installed a external code for announcement bar

It causing the problem I think soo

I’m using motion theme, they only have only 1 announcement bar

If possible can we edit that 1 announcement bar to slider of 2 - 3

@abhi13
replace in the code ‘max-width to min-width’

I’m sorry to bothering

I’m totally new to this..

Can you explain it briefly so i can understand

@abhi13

@media only screen and (max-width: 768px) {
header#SiteHeader {
    padding-top: 20px !Important;
}
}

It doesn’t seem to be working

Can you tell me how can i add shaded header like this

GUCCI® US Official Site _ Redefining Luxury Fashion.png