Menu & Footer Display – full-width pages

  • Resolved Kate Plane

    (@kateplaneyahoocom)


    6 years, 6 months ago

    I have used some custom CSS to alter the general layout of the pages so that they display as full-width (including a static full-width homepage). However, my top menu and footer are displaying off-centre to the left. I’d be very grateful for some more custom CSS to bring the top menu and footer to centre above and below the main content of the page.

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Bert O

    (@websitehelperberto)

    6 years, 6 months ago

    Could not really see the problem as you have a splash page.

    Thread Starter Kate Plane

    (@kateplaneyahoocom)

    6 years, 5 months ago

    Sorry about that! I’ve taken that page off now if you are able to take another look?

    Many thanks
    Mate

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    6 years, 5 months ago

    Try adding this to the “Additional CSS” part of the dashboard:

    
@media screen and (min-width: 768px) {
    .js .navigation-top {
        text-align: center;
    }

    .js .main-navigation ul, 
    .js .main-navigation ul ul, 
    .js .main-navigation > div > ul,
    .js .main-navigation.toggled-on > div > ul {
        display: inline-block;
    }

    .site-info {
        float: none;
        width: auto;
    }
}

    https://codex.wordpress.org/CSS#Custom_CSS_in_WordPress

    Thread Starter Kate Plane

    (@kateplaneyahoocom)

    6 years, 5 months ago

    Many thanks Andrew, that’s done it! 🙂

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Menu & Footer Display – full-width pages’ is closed to new replies.