Main menu changing size randomly (Twenty thirteen)

  • Hello everyone,

    I’ve been in front of a stupid matter all day.

    During navigation some buttons of the main menu will change size. Type is the same, it is more the padding i’m talking about.
    Impossible to find where it comes from, and it decenters the menu by adding space in the late buttons only.

    Here is the pretty classic code

    .main-navigation {
	clear: both;
	max-width: 1080px;
	min-height: 45px;
	position: absolute;
	left: 50%;
	top:200px;
	width: 600px;
	margin: 0 auto;
	text-align: center;
}

ul.nav-menu,
div.nav-menu > ul {
	position:relative;
	left:-50%;
	margin: 0 auto;
	padding: 0;
	display: inline-block;
	list-style: none;

}

.nav-menu li {
	float: left;
	display: inline;
	position: relative;
}

.nav-menu li a {
	float : left;
	color: #000000;
	display: inline-block;
	font-size: 25px;
	text-align: center;
	line-height: 1;
	padding: 00px 15px;
	text-decoration: none;
}
.nav-menu li
	:first-letter {
  color: #00aeff;
  font-size: 130%;
  }

.nav-menu li:hover > a,
.nav-menu li a:hover,
.nav-menu li:focus > a,
.nav-menu li a:focus {
	background-color: #fff;
	color: #00aeff;
}

    Thanks a lot for looking into that.

    Yoneru

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

  • Can you post a link to a page that shows the issue?

    Thread Starter Yoneru

    (@yoneru)

    I’m running it in local atm, and i have no idea how to show it to you ??

    I’ve noticed something this morning though. When the buttons change size, if I reduced the size of my browser window, it will adapt and come back to normal. And then back to the wrong size when i change pages again. I cannot define any pattern that would make that change happen.really annoying !!!

    Thread Starter Yoneru

    (@yoneru)

    https://hpics.li/eb9629c

    here is a screenshot of what is happening
    I’ve marked the gap difference between items
    Keep in mind that is starts with a proper spacing, and changes randomly when changing page.

    Thanks a lot

    I’m sorry, but I can’t reproduce your issue with just the code you’ve provided and the screenshot. Can you post the entirety of your stylesheet to Pastebin and post the link here? Is there any way you can get the site up, even if it’s just temporary?

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Main menu changing size randomly (Twenty thirteen)’ is closed to new replies.