Resizing issues

Home Forums All Other Themes Resizing issues

Tagged: 

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #131194
    Matt Luce
    Participant
    • Topics: 5
    • Replies: 3
    • Total: 8
    Member since: May 7, 2019

    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 http://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

    #131209
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 22711
    • Total: 22711
    Member since: August 16, 2013

    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

    #131479
    Matt Luce
    Participant
    • Topics: 5
    • Replies: 3
    • Total: 8
    Member since: May 7, 2019

    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

    #131530
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 22711
    • Total: 22711
    Member since: August 16, 2013

    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

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