WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] TewntyTen Spacing Issue Above Main Nav Menu (4 posts)

  1. Design Locker
    Member
    Posted 1 year ago #

    Hello All,

    I am using a TwentyTen child theme and I am having a lot of difficulty removing the space between the header area (contains logo) and the main navigation menu.

    See: http://www.bayenterprises.ie/wip/

    I would ideally like to decrease this spacing to in and or around 10px.

    Any suggestions would be much appreciated?

  2. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    That space is from the site-description div -- even though you have no content in it, the margins are still there:

    #site-description {
        clear: right;
        float: right;
        font-style: italic;
        margin: 15px 0 18px;
        width: 220px;
    }

    You might want to add this to your child CSS to get rid of those margins:

    #site-description {
       display: none;
    }
  3. Design Locker
    Member
    Posted 1 year ago #

    WPyogi, thank you so much, worked a treat.

    I changed the margin settings as you suggested. I would never have found this solution in a month of Sundays.

  4. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    LOL -- the best way to work with CSS issues is by using a tool such as Firebug (or Chrome Inspector) which easily shows you what CSS code is affecting parts of the page/code. You can then try out changes to the CSS code in Firebug -- before actually making them to your site. IMHO, it's impossible to do any kind of web design work without it!

Topic Closed

This topic has been closed to new replies.

About this Topic