Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #1479642

    the header is too big in height. It needs to shrink upon scrolling. The menu on the right should change into a burger and the logo to go smaller. How can that be done?
    Please send CSS.

    #1479706

    Ok I have made it unstick in the meantime, until a solution is found.

    #1479711

    if header scrolls away – think of correcting the padding-top for #main
    _____________

    PS: I’m sure you’ll agree that it’s best to save this for another day, until the moment you have a clear idea of what your header should look like and how it should behave. I know you’re working on it, but just be aware that many of the solutions found wouldn’t work with a shrinking header. I’m sorry to say that I think we’ve lost time.

    The next problem we might encounter is with mobile devices. Unfortunately, Enfold doesn’t provide a shrinking header for these, so it uses the scroll variant. But don’t worry, there’s a way around this! If we can adjust this (using a child theme avia-snippet-sticky-header.js), we can make sure your header reacts as you like it. So, what do you think, how big should it be at the start (maybe relative to the screen height)? And then, how small should it get?

    Is this still the usual support we’re dealing with? You might want to consider getting in touch with a web design freelancer. ;)

    #1479720

    It is quite simple: for now the header simply scrolls with content on all devices since the client needs the page to function tomorrow. It is doing that now but there is still too much space between header and content. When I reduce the padding of the top of the text disappears. Please send other sollution.

    #1479793

    Hi,

    Did you consider using media queries in your CSS to load different CSS for different screen sizes?

    Best regards,
    Rikard

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