Resizing issues

[Matt Luce]

Hello!

When I am resizing my window between Desktop, Tablet, and Mobile screen sizes, the “Tablet” seems to be resizing improperly. You can see the error on www.uksab.org/events.

As shown in the link below, it pushes the page upward, behind the navigation bar, making part of it unusable. It does not do this with the desktop/mobile sized displays.

https://drive.google.com/file/d/1ZMk8Htm8dTcxvh2rI8BvZZmTTkzSyjWv/view?usp=sharing

Thank you in advanced,
Matt Luce

[Sonnal S Sinha]

Hi,

Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

@media screen and (max-width:767px) {
.header {
    background:#0033a0 !important;
}
}

Regards,
Brad

[Matt Luce]

Hello,

Thank you for your quick response.

I apologize, that did not fix the issue. I realized the original Google Drive Link I shared with you did not include all the screenshots, including the screenshot with the error.

Please see the attached: https://drive.google.com/drive/folders/1OGz4hOKTn4Y212j_jr5dBEEKLSWtaNLM?usp=sharing

Thank you,
Matt Luce

[Sonnal S Sinha]

Hi,

Kindly use this CSS

@media screen and (min-width:768px) and (max-width:1023px) {
.header {
    position: relative !important; background-color:rgb(0, 51, 160, 1) !important;
}
}

Regards,
Brad

[Author]

Posts