Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • February 16, 2016 at 2:55 am #583859
    Olga Vitkalova

    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

    February 17, 2016 at 9:01 am #584534
    Vinay

    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

    February 18, 2016 at 7:43 pm #585623
    Olga Vitkalova

    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.

    February 19, 2016 at 9:39 pm #586324
    Vinay

    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

    February 20, 2016 at 12:06 am #586358
    Olga Vitkalova

    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

    February 22, 2016 at 3:52 pm #587217
    Yigit

    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

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