WordPress.org

Ready to get started?Download WordPress

Forums

Navbar overflowing to second line (8 posts)

  1. carra23
    Member
    Posted 1 year ago #

    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/

  2. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    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

  3. alchymyth
    The Sweeper & Moderator
    Posted 1 year ago #

    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.

  4. carra23
    Member
    Posted 1 year ago #

    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?

  5. Andrew Nevins
    Barrel Rider, Spam Zapper & Volunteer Moderator
    Posted 1 year ago #

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

  6. carra23
    Member
    Posted 1 year ago #

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

  7. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    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.

  8. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

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

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.