Tagged: , ,

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

    Hey, how can I fix the spacing problem between my Slider and Header?

    The White Space is to big but I don’t know why.

    IMG-E773-E6-DAD917-1

    #1402340

    Hi Anna_Tewes,

    Thanks for providing the screenshot.
    I tried to go to the URL shown in the screenshot however it seems to require username and password to view it.
    Can we request for it? just post the credentials privately.

    Best regards,
    Nikko

    #1402608

    OFC

    #1402737

    Hi Anna_Tewes,

    Thanks for giving us the link to the page.
    I tried to check it in mobile but I don’t see any issue on my end, screenshot in private content.
    Can you try to clear the browser cache on your phone? and see if it helps.

    Best regards,
    Nikko

    #1402746

    hey, I fixed it! Thank You!

    Is it possible, that the header is transparent on mobil and when you start scrolling the header appears with white bg (same as desktop).

    Thank you

    #1402752

    Hi Anna_Tewes,

    Please try to add this CSS code in Enfold > General Styling > Quick CSS:

    @media only screen and (max-width:767px) {
      .html_mobile_menu_tablet #top #wrap_all #header,
      .html_mobile_menu_tablet #top #wrap_all #header .header_bg {
        background-color: transparent;
      }
    
      .html_mobile_menu_tablet #top #wrap_all #header.av_header_transparency {
        background-color: white;
      }
    }

    Best regards,
    Nikko

    #1402782

    Thank you!

    Now this is the situation:

    At the start it has a white BG. When you start scrolling it becomes transparent.

    But I need at the start transparent header and while scrolling white BG.

    Best regards
    Philipp

    #1402796

    Hi Philipp,

    I see, it seems my code is reversed, please use this CSS code instead:

    @media only screen and (max-width:767px) {
      .html_mobile_menu_tablet #top #wrap_all #header.av_header_transparency {
        background-color: transparent;
      }
    
      .responsive #top #main {
        padding: 0 !important;
      }
    }

    Best regards,
    Nikko

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