Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

Resize Menu height

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

This topic is: not resolved

Tagged: Menu Height

This topic has 3 replies, 2 voices, and was last updated 10 years, 3 months ago by Doug Edgington.

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

Author

Posts
March 26, 2016 at 5:46 pm #182303

shemer11
Member

Does anyone know to control (reduce) the hight of the main menu? I am using Genesis Sample.
Here is my website: http://www.doobieshemer.com/
Thanks
http://www.doobieshemer.com

March 26, 2016 at 9:54 pm #182305
Doug Edgington
Member
It would require modifying your stylesheet - style.css in the root of the child theme directory. You can reduce the link top and bottom padding.
```
/* Current padding - 28px on the top and bottom */
.genesis-nav-menu a {
    padding: 28px 24px;
    padding: 2.8rem 2.4rem;
}
```
```
/* Padding reduced to 20px on the top and bottom */
.genesis-nav-menu a {
    padding: 20px 24px;
    padding: 2rem 2.4rem;
}
```
Doug Edgington
http://www.dougedgington.com
March 27, 2016 at 8:14 am #182311

shemer11
Member

Thanks Doug! Worked perfectly.

March 27, 2016 at 8:23 pm #182346

Doug Edgington
Member

No problem.

Doug Edgington
http://www.dougedgington.com
Author

Posts

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

The forum ‘Design Tips and Tricks’ is closed to new topics and replies.