header widget is not responsive

  • Author
    Posts
  • #31713
    em

    My search button covered my logo on mobile device. How to make header widget responsive?

    #31772
    Zed
    Cryout Creations mastermind

    Thanks for pointing out this bug.
    To correct it before we publish the next update, use this CSS:

    #branding #header-container { position: relative; }
    #branding #bg_image + #header-container { position: absolute; }

    If you like our creations, help us share by rating them on WordPress.org.
    Please check the available documentation and search the forums before starting a topic.
    #31856
    Wayfarer

    Was experiencing the same thing. Thank you for the fix, Zed!

    #31857
    Wayfarer

    I had the same issue with the search bar obscuring the logo etc on mobile devices, and was happy that the CSS seemed to resolve the issue.

    However, in landscape the search widget width displays correctly (I have the maximum header widget width set to 25%). In portrait, the search widget forms its own line and extends the length of the header.

    It’s far better than it was, so I just wanted to give the feedback.

    Thanks for the code Zed!

    (As an aside, I really struggle to post to the forums. I often have to submit my posts multiple times, sometimes get a ‘whoops, duplicate entry’ message (even though my post isn’t visible). I’ve always just lived with it but today and yesterday I’m experiencing that even getting through this and seeing my post in the replies list above the jump, the post ‘vanishes’ later. I don’t know if it will reappear hehe.)

Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘header widget is not responsive’ is closed to new replies.