[Resolved] "Custom" navigation layout for tablet, portait only

Home Forums Support [Resolved] "Custom" navigation layout for tablet, portait only

Home Forums Support "Custom" navigation layout for tablet, portait only

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #258929
    Gabriel

    Hi,

    I’d like to get some advices on how to adjust the navigation layout on tablets in portait mode. You can visit my site: https://splitboardqc.ca/ and resize the window until the screnn is >~1100. You’ll see that the site branding and the navigation overlaps. Here’s a screenshot in case I’m not explaining well enough : https://cl.ly/311r433p1p1w.

    Now what I’d like to do is center the site branding and the navigation when the overlap occur.

    #259009
    Tom
    Lead Developer
    Lead Developer

    Try this CSS:

    @media (max-width: 1100px) {
        .nav-float-right .inside-header .main-navigation {
            float: none;
            text-align: center;
        }
        .inside-navigation {
            display: inline-block;
        }
        .inside-header {
            text-align: center;
        }
    }

    However, this won’t work with the way you title/logo are set up. You might want to merge them into one image file using a program like Photoshop instead of using a logo + HTML.

    #259328
    Gabriel

    Tweaked it a bit and it worked A1. Thanks!

    #259349
    Tom
    Lead Developer
    Lead Developer

    You’re welcome 🙂

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