Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • October 2, 2022 at 1:16 pm #1367312
    JoStudioDeRijp

    Hi Enfold,
    I have a question:
    On this website: https://www.schoonheidssalonzacht.nl/
    the header on mobile screen is shown with 2 white ‘stripes’ (1 above the header and 1 under the header). On desktop screen it’s perfect (black) like I want it.
    I have tried a few things but it didn’t helped… Can you please help me to find a solution?

    October 2, 2022 at 4:41 pm #1367330
    Mike

    Hey JoStudioDeRijp,
    Thanks for the link to your site, Please try this code in the General Styling ▸ Quick CSS field:

    @media only screen and (max-width: 767px) { 
.html_stretched #wrap_all {
	background-color: #000;
}
}

    Best regards,
    Mike

    October 3, 2022 at 2:07 pm #1367408
    JoStudioDeRijp

    Hi Mike,
    Great, the stripes are gone, thanks a lot!

    Something else: also on mobile: the search-icon is going through the logo in the header. Do you know how to solve that to?
    I hope so :-)))

    Thanks a lot, kind regards, Jolanda Zijp

    October 3, 2022 at 2:28 pm #1367411
    Yigit

    Hi,

    Please add following code to Quick CSS as well

    
@media only screen and (max-width: 767px) { 
.responsive #top .logo {
  max-width: 250px;
}
}
@media only screen and (max-width: 570px) { 
.responsive #top #wrap_all #header .social_bookmarks, 
.responsive #top #wrap_all #main .av-logo-container .social_bookmarks {
  display: none;
}
.avia-menu.av_menu_icon_beside {
  border: none;
  padding-right: 0;
  margin-right: 0;
}
}
@media only screen and (max-width: 400px) { 
.responsive #top .logo {
  max-width: 200px;
}
}

    Best regards,
    Yigit

    October 3, 2022 at 2:54 pm #1367417
    JoStudioDeRijp

    Wauw that’s fast! And it works great, thanks a lot again!!!

    October 3, 2022 at 2:54 pm #1367418
    Yigit

    Hi,

    You are welcome, Jolanda!
    Let us know if you have any other questions and enjoy the rest of your day :)

    Best regards,
    Yigit

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