Sticky extra elements section on mobile

Hey,

Thanks for contacting us!

Please add following code to Quick CSS field in Enfold theme options > General Styling tab

@media only screen and (max-width: 990px) {
#header_meta {
    position: fixed;
    width: 100%;
    top: 0;
}
#header_main {
    margin-top: 30px;
}}
@media only screen and (max-width: 515px) {
#header_main {
    margin-top: 50px;
}}

Best regards,
Yigit

Hey,

1- Please refer to this post – https://kriesi.at/documentation/enfold/header/#sticky-header-on-mobile
2- In that case I think it would be better if you went to Appearance > Customize > WooCommerce > Store Notice and enable it. Then you can add following code to bottom of Quick CSS field to adjust the colors of the notice bar

p.demo_store {
background: black; 
color: white;
}
p.demo_store a {
    color: red;
}

Best regards,
Yigit

Hi,
Please add following code to Quick CSS field in Enfold theme options > General Styling tab

@media only screen and (max-width: 480px){ 
.responsive #top #main {
    margin-top: 136px;
}}
@media only screen and (max-width: 767px) {
.responsive #top #main {
    margin-top: 120px;
}}

Best regards,
Yigit

Hi,

Always happy to help :)
Let us know if you have any other questions and enjoy your weekend!

Best regards,
Yigit