This topic has 3 replies, 2 voices, and was last updated 7 years by Laura.

  • Author
  • #181409
     josephchrasta
    Participant

    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?

    #181467
     Laura
    Moderator

    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 🙂

    #181529
     josephchrasta
    Participant

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

    #181598
     Laura
    Moderator

    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 🙂

Viewing 4 posts - 1 through 4 (of 4 total)

The forum ‘General questions’ is closed to new topics and replies.

Log in with your credentials

Forgot your details?