Navbar overflowing to second line

  • Hey there,

    I have a problem with a WordPress site that I’m building which involved the NavBar spilling over onto a second line.

    I’m removed the search function to create room but the NavBar link still overflows to another line.

    Any able to help me?

    https://tyisafbala.co.uk/WordPress/

Viewing 7 replies - 1 through 7 (of 7 total)

  • This padding is causing that:

    branding .only-search + #access div {
    padding-right: 205px;
}

    BUT you should NOT be editing theme files in twentyeleven — first, create a child theme or use a custom CSS plug-in. AS is, you are creating major problems for yourself down the road — all your changes will be lost when WP is updated and you must also have a clean copy of the theme for troubleshooting purposes.

    https://codex.www.ads-software.com/Child_Themes

    forum search should have given you some suggestions;

    anyway, do not edit Twenty Eleven directly – start by creating a child theme of Twenty Eleven, or use a custom css plugin;

    caused by this style:

    #branding .only-search + #access div {
	padding-right: 205px;
}

    edit:
    got beaten by @wpyogi ?? time to have a break.

    Thread Starter carra23

    (@carra23)

    Hey guys,

    Thanks for your responses and thanks for pointing the theme issue out – wouldn’t of known otherwise.

    Which way would you recommend? I’m guessing the CSS plug-in would be more straight forward?

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    The plugin is more straight forward but simpler too; you can only implement CSS changes. Child Themes allow any modification.

    Thread Starter carra23

    (@carra23)

    Ok, so I’ve installed the PC Custom CSS plugin and copied over the customised stylesheet – is this all I need to do?

    What customized stylesheet?? All you should have in it is changes to your CSS code from the theme — so in this instance, copy the code above and then change the padding numbers.

    Looks like you got it — if it’s not showing up, make sure you’ve cleared any browser and other caches.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Navbar overflowing to second line’ is closed to new replies.