Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • March 28, 2018 at 12:13 pm #934193
    aicompcloud

    Hey, I can’t find a solution, maybe you have an idea.

    I use a glassy header. But between the width from 960px to 768px the header isn’t glassy anymore but doesn’t switch to the usual mobile menu.

    There is a link to the website in the private content.

    Thanks

    March 28, 2018 at 12:52 pm #934238
    Mike

    Hey aicompcloud,
    Try this code in the General Styling > Quick CSS field:

    /* Transparent header on mobile */
 @media only screen and (max-width: 960px) { 
#top #wrap_all .av_header_transparency, 
.av_header_transparency #advanced_menu_toggle {
  background: transparent!important;
  position: absolute!important;
}}

    I believe it maybe what you are looking for.

    Best regards,
    Mike

    March 28, 2018 at 1:01 pm #934246
    aicompcloud

    Hey Mike, I think I’ll get the background as the background over 960px with rgba. But under 640px I would like to have the normal mobile header-layout with the content going under the header and the header with white background.

    Do you have an idea?

    March 28, 2018 at 1:23 pm #934265
    Mike

    Hi,
    Perhaps try changing the code above, replacing “transparent” to “#fff”
    it’s a little hard to test as I believe you are working on it right now, the top image keeps disappearing.
    I’ll let you try for now and check back later, if this doesn’t work please include a screenshot of what you would like to see as we might be talking different looks :)

    Best regards,
    Mike

    March 28, 2018 at 1:27 pm #934269
    aicompcloud

    Hey Mike, yes I’m actually try some stuff. But I think I’ve found the solution with your code by adding a min-width:

    /* Transparent header on mobile */
    @media only screen and (max-width: 960px) and (min-width: 640px) { #top #wrap_all .av_header_transparency, .av_header_transparency #advanced_menu_toggle {
    background: transparent!important;
    position: absolute!important;
    }}

    March 28, 2018 at 9:32 pm #934518
    Basilis

    Hi,

    We are happy you got it short out.
    Feel free to create a new ticket if you need something else.

    Thank you

    Best regards,
    Basilis

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Strange header behaviour between 960px and 768px width’ is closed to new replies.