Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #687493

    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,

    #687498

    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

    #687533

    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.
    #687577

    Hi!

    Please add following code to Quick CSS as well

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

    Best regards,
    Yigit

    #687673

    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,

    #688755

    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

    #689029

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

    #689637

    Hi,

    Great, glad you got it working :-)

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

    Thanks,
    Rikard

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