How to make page tabs larger

  • Unknown's avatar
    ganawgj · Member ·

    I want to make the page tabs larger or maybe in boxes.

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    thesacredpath · Member ·

    Hi, to make the main navigation labels larger, go to Customize > CSS, delete all the informational text in that window, and paste in the following custom CSS and adjust the font size as desired. 

    .main-navigation a {
	font-size: 20px;
}

    If you wish to try borders around them, add the following and you can adjust the color and thickness of the border. 

    @media screen and (min-width: 560px) {
	.main-navigation a {
	border: 2px solid #fff;
	margin-bottom: 5px
}
}

    The above adds the border only when the full menu is showing as it would cause some issues if we put the border on the menu items after the menu changed to the touch device menu.

  • The topic ‘How to make page tabs larger’ is closed to new replies.