Transparent mobile header

[josephchrasta]

I have set my main header to be transparent and although it is transparent on a desktop view it is black on a mobile view. How do I fix this?

[Laura]

Hello, try by adding this to style.css of child theme

COPY CODE

@media (max-width: 991px) {
.navbar-transparent.on-dark-bg:not(.kleo-navbar-fixed) #header {
    background: #0000 !important;
}
.navbar-transparent.on-dark-bg #ajax_searchform {
    background-color: #0000 !important;
}
}

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[josephchrasta]

Thanks that worked except there is a shadow from the header box. What is the code to remove it?

[Laura]

Hello, try adding this

COPY CODE

@media (max-width: 991px) {
.navbar-transparent.on-dark-bg .navbar .kleo-main-header {
    box-shadow: none !important;
}
}

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[Author]

Posts