bitsfair

I changed the responsive width to 802 px, so now the exact same thing keeps happening, but with browser sizes over 802 px rather than 600. Should I just change the responsive width to something like 2000px to catch all monitor sizes? I’m worried this would break something.

For some reason, image attachment pages behave the same, with page content sticking out on the right when my browser is at over 600 px in width. Here’s as example: https://bitsfair.com/bf-logo/

Strange thing: the infinite scroll archive only breaks the layout at browser resolutions over 600px. Below 600px in width, everything looks how it should.

Also, when I go into the customizer, everything looks good at any resolution, but once I exit the customizer, the pages are poking out of the layout once again (if my browser window is over 600px in width).

I just put

.banner {
        display: none;
}

in my custom css and replaced that whole area with a widget, which solved all my problems in one go, haha.

Anyhow, my site’s back to looking the way it did before the update, so the problem’s been solved!

For some reason, when I add a site title and a tagline, it displays at the top, even when I have the checkbox to display it unchecked. And when I don’t add a title/tagline at all, just some empty space displays where it should be, adding weird padding between the top of the page and the header image.

Also, the code I was using to have the top menu not display (I just had a text widget with my custom buttons there) doesn’t work? It was

#header nav li:hover > ul {
        display: none;
}

but now it doesn’t do anything at all.