WordPress.org

Support

Support » Themes and Templates » Navbar overflowing to second line

Navbar overflowing to second line

  • carra23

    @carra23

    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?

    http://tyisafbala.co.uk/WordPress/

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

    @wpyogi

    Forum Moderator

    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.

    http://codex.wordpress.org/Child_Themes

    Michael

    @alchymyth

    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.

    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?

    Moderator Andrew Nevins

    @anevins

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

    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?

    WPyogi

    @wpyogi

    Forum Moderator

    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.

    WPyogi

    @wpyogi

    Forum Moderator

    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.
Skip to toolbar