Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #229880

    I have currently made the header transparent when viewing on a desktop by adding the following code to Quick CSS:

    .fixed_header #main {
    padding-top: 0;
    }

    .header_color .header_bg, #header_main {
    background: transparent !important;
    border: none;
    }

    .header_color div {
    border: none;
    }

    This works great, but when viewed on a mobile device the header goes back to its default color and is no longer transparent.

    #229883

    Hi,

    Can you post the link to your website please?

    Regards,
    Josue

    #230113
    This reply has been marked as private.
    #230165

    Hey!

    Try adding the following CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files:

    
    .fixed_header #header {
    position: fixed !important;
    }
    

    Best regards,
    Devin

    #230341

    That works.

    Thank You!

Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘How can I make the Header transparent in mobile view?’ is closed to new replies.