Editing spaces between buttons in top menue

  • Hi
    can anyone help me editing my top menuebuttons ?
    I want each button to be sized according to length of text + 1px in front and 1px back.
    Spaciing between buttons max 3 px

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

  • What theme are you using. Do you have a link to your site ?

    Thread Starter bygderad

    (@bygderad)

    Hi

    I use 2012
    https://www.bygderadiovest.no

    I’m assuming your talking about the menu bar buttons.

    You would have to change the following rule.

    
@media screen and (min-width: 600px){
.main-navigation li {
    margin: 0 40px 0 0;
    margin: 0 2.857142857rem 0 0;
    position: relative;
}

    }
    You would need to create a rule to change the margins to

    @media screen and (min-width: 600px){
    .main-navigation li {
    margin: 0 3px 0 0;

    }`
    }

    To make it 1px larger than the text you would add this rule

    
@media screen and (min-width: 600px)
.main-navigation li a {
       padding:1px 0;
}
}

    I don’t think you will like it. It going to jam all your letter togather. 4px isn’t a lot of space.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Editing spaces between buttons in top menue’ is closed to new replies.