Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • August 4, 2014 at 9:21 pm #299872
    youyou78

    Hello!

    How to have the transparent header on mobile? on page templates activated! Please!!!

    August 6, 2014 at 6:49 am #300525
    youyou78

    Is it possible? like this

    http://nsa33.casimages.com/img/2014/08/06/140806071110954199.jpg

    August 6, 2014 at 1:06 pm #300628
    Yigit

    Hi!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    @media only screen and (max-width: 768px) {
.html_header_transparency #top #wrap_all #main { margin-top: -82px!important; }}

    If that does not work, please post the link to your website

    Cheers!
    Yigit

    August 6, 2014 at 3:56 pm #300712
    youyou78

    Thank You Yigit!

    But I will not apply this code because it does not go with the items in my home page. I wanted to have the same rendering as on tablet.

    August 6, 2014 at 4:06 pm #300718
    Yigit

    Hey!

    Can you post the link to your website please?

    Regards,
    Yigit

    August 6, 2014 at 5:00 pm #300753
    youyou78
    This reply has been marked as private.
    August 7, 2014 at 4:45 am #300951
    Ismael

    Hi!

    Thank you for the info.

    Please use this:

    @media only screen and (max-width: 767px) {
.responsive #main {
padding-top: !important;
margin-top: -82px;
}

#main .entry-content-wrapper.clearfix {
margin-top: 82px;
}
}

    Remove browser cache then reload the page a few times.

    Regards,
    Ismael

    August 7, 2014 at 6:42 am #300966
    youyou78

    Great! it works!

    Thank You!!!

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Transparent header on mobile’ is closed to new replies.