1024 Horizontal Breakpoint — Page Title Cut Off by Nav Menu

  • jrdixey September 21, 2018 at 5:05 pm

    Just upgraded to the latest Integral Pro, hadn’t noticed this before just now because I’m typically viewing pages from a wider screen, but I’m seeing now that at 1024 widths (like tablets and generic laptops) the nav menu is cutting off the page title. On smaller widths like phones and wider widths like desktops it’s fine. It looks like the breakpoint has the menu wrap below the logo which is causing the problem. I can email you a screen capture if that would help.

    jrdixey September 21, 2018 at 8:18 pm

    Figured it out, just adding this for the sake of anyone else who might run into this problem. To fix it I added the following to the additional CSS field in the theme settings:

    @media (min-width: 768px) {
    /* make space for page headline on tablets */
    .content .entry-title {
    margin-top: 60px;
    }
    }

    @media (min-width: 1024px) {
    /* restore normal spacing on screens wider than tablets */
    .content .entry-title {
    margin-top: 0px;
    }
    }

    Hans (Support Admin) September 24, 2018 at 12:34 pm

    Hello @jrdixey

    Thanks for posting a solution.

    Keep in mind this can be caused by a large logo. If your logo is very large in height it will overlap on certain screens.

    But your solution will help fix that.

    Thank you.

You must be logged in to reply to this topic.