Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • September 16, 2016 at 1:41 pm #687493
    jamemo

    Hallo Enfold Team,

    I have a question concerning the link in the private content: The desktop view has a transparent header. If I scoll down, a white bar over the logo and the menu shows up – that’s perfect. I would like to have it exactly the same for the mobile view. There is now just a white bar behind the logo – and the green graphic is down below.

    Can you help me please?
    By the way, a really great theme!!

    King regards,

    September 16, 2016 at 1:46 pm #687498
    Yigit

    Hi jamemo!

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

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

    Cheers!
    Yigit

    September 16, 2016 at 2:50 pm #687533
    jamemo

    Hei Yigit,
    thank you, that works fine

    Just another short question:
    In mobile view, the main menu – icon (square with three lines) now gets a white background. How can i make a transparent background (like at 800px width) Is it possilbe to make the border of the sqare also black and a little bit thicker?

    Regards,

    • This reply was modified 8 years, 11 months ago by jamemo.
    September 16, 2016 at 4:03 pm #687577
    Yigit

    Hi!

    Please add following code to Quick CSS as well

    #advanced_menu_toggle {
    background: transparent!important;
    border: 2px solid black !important;
}

    Best regards,
    Yigit

    September 16, 2016 at 6:10 pm #687673
    jamemo

    Hi Yigit,
    Yes, that works.

    A further question on my first post – I found out now, when I scroll down in mobile view, the green water color background (a color section) “jumps down” under the header – when the white bar is fading in behind the logo and the main menu button – I want that the the green water color background stays behind the logo and the main-menu button.

    Best Regards,

    September 19, 2016 at 8:16 pm #688755
    Yigit

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    @media only screen and (max-width: 767px) {
.responsive #top #wrap_all #header .header_bg {
    background: transparent;
}
.responsive #top #wrap_all #header {
    position: absolute;
}}

    Best regards,
    Yigit

    September 20, 2016 at 9:33 am #689029
    jamemo

    Hei Yigit,
    it works – Thank you very much!!!
    best regards too!

    September 21, 2016 at 7:23 am #689637
    Rikard

    Hi,

    Great, glad you got it working :-)

    Please open a new thread if you should have any further questions or problems.

    Thanks,
    Rikard

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