Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #583859

    hi

    I have a pretty nice header with transparent image on some pages, but it does not look good on mobile.

    The top and header do not transparent, only h1 is transparent.
    I try this code:

    /*Mobile Header Identical To Desktop*/
    @media only screen and (max-width: 767px) {
    #top #wrap_all .av_header_transparency {
        background-color: transparent;
        position: absolute!important;
    }}

    but it does not work for me…
    Can you help me with this issue?
    Thank you

    #584534

    Hi Olga!

    Please add the below code to Enfold > General Styling > Quick CSS

    
    @media only screen and (max-width: 767px) {
    #header_main {
    background-color: transparent!important;
    border:none!important;
    }
    }
    

    Regards,
    Vinay Kashyap

    #585623

    hi Vinnie,

    Is it possible to cover from top?
    Now the image is transparent but starts from main part of page.
    mobile view

    Thank you.

    #586324

    Hey!

    We cannot access the backend of the site to check the setup. But when i inspect the background image it’s position is set to center center please change it to top center.

    Cheers!
    Vinay Kashyap

    #586358

    hi Vinay,

    Thank you,

    I have changed the position of the background image to top centre, but nothing changed on mobile version of site.

    I checked login details below, they are work fine

    #587217

    Hi!

    Please add following code to Quick CSS

    @media only screen and (max-width: 768px) {
    #top #wrap_all .av_header_transparency {
        background: transparent;
        position: absolute!important;
    }}

    Regards,
    Yigit

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.