• Resolved yadnaes

    (@yadnaes)


    Hi, I’m running into an issue where the search icon overlaps with menu items when the browser is resized just before hitting the mobile breakpoint.

    Is there a CSS fix for this, or maybe a setting I’ve missed that would make the search icon behave like the other menu items?

    I’m using the Blocksy Child theme. I’ve attached a screenshot of the header setup. Any help would be much appreciated!

Viewing 3 replies - 1 through 3 (of 3 total)
  • Hello @yadnaes

    In the past, we had a real time listener that resized the menu automatically when the viewport was resized. However, with our internal telemetry, we have found out that this real time listener was consuming a lot of resources, especially on lower end devices.

    Naturally, we opted to remove it and only do the spacing calculation when the page is first loaded. That is because in the real world, there are very few cases where people would actually resize the browser window randomly to navigate various websites.

    What would be recommended here is to try and refresh the page after resizing. That should run all the scripts in the background and automatically re-calculate the available spacing.

    Hope this clears things up!

    Thanks.

    Thread Starter yadnaes

    (@yadnaes)

    Hi @cteduard ,

    Thanks for the reply. If I resize the browser and refresh, the search icon still overlaps the menu until it hits the tablet breakpoint its only for the desktop view.

    Not really sure what the approach would be to address it besides somehow making the breakpoint for tablet bigger to account for it.

    Hello @yadnaes

    What would be this website’s URL so that we could check a few things out? We’re confident that the menu resizing mechanism should work automatically, so there might be an underlying issue with your setup, which we’d like to check.

    Thanks.

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Search icon overlapping menu items’ is closed to new replies.