Removing the spaces between Nav button in Lifestyle Pro

Community Forums Forums Design Tips and Tricks Removing the spaces between Nav button in Lifestyle Pro

This topic is: not resolved

This topic contains 1 reply, has 2 voices, and was last updated by  pxforti 7 months, 1 week ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #86795

    riggie11
    Participant
    Post count: 10

    On this site at http://freyer.com, using the Lifestyle Pro Theme, I can’t detect (even using Firebug) how to remove the 2 or 3 pixels between the buttons of the main menu.

    So between the “Home” button and the “Online Coaching” Button I’d like to remove the spaces…

    Thanks,
    Riggie

    #94762

    pxforti
    Participant
    Post count: 68

    I figured out how to do this. I had the same question.
    Instead of display: inline-block, I changed to display: inline; and added float: left;

    That removes that extra space between each menu item.

    .genesis-nav-menu .menu-item {
    	display: inline;
    	margin: 0;
    	padding: 0;
    	text-align: left;
    	float: left;
    }

    writeNowDesign
    WordPress and Ecommerce Website Design

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.