Modern Studio Nav – make spacing less

[beautyfool]

Hi there,

I am using the Modern Studio theme, and was wondering for some help on the nav menu. There is a lot of spacing between menu items, so much so that my "About, Contact" links are becoming 2 lines of text. I'd like it all to be smaller text with less spacing so it can all fit nicely on one line. (Kinda like how, on an iPad, it all fits nicely together.)

Anyone can help? Thanks so much 🙂

Renee

Site: http://www.blogforbeauty.com

[Porter]

Search for the following in your style.css file:

@media only screen and (min-width: 1100px)
.genesis-nav-menu a {
    padding: 29px 20px;
}

Change the 20px to 8 to 12px, up to you. 8 works if you don't change the letter spacing of 1px in the next part, 12 works if you do. If you do 8, change the following to 0 instead of 1:

.genesis-nav-menu a {
    color: #000;
    display: block;
    font-family: Montserrat, sans-serif;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 1px;
    padding: 15px;
    text-transform: uppercase;
}

"letter-spacing 1px;" would be changed to 0, rather than 1, which makes a bit more room. You can also adjust the font-size 12px to make more room too. Either way, the padding in the first part, and font size / letter-spacing are what are taking up space, so adjust those values until you get what you're looking for.

---

Buy me a beer? | Try DigitalOcean VPS Hosting

[beautyfool]

Porter, that was perfect. Thank you so much!

Another quick question - how can I lessen the spacing between Breadcrumbs and the Post Title (in individual pages)? The blog post title is quite far down underneath now, I'd like to move it up.

Thank you,
Renee

[Porter]

Not a problem. For that, change the following "margin-bottom" value to something like 24px:

.archive-description, .author-box, .breadcrumb {
    border-bottom: 1px solid #000;
    margin-bottom: 100px;
    padding-bottom: 30px;
}

Again, play with it until you get what looks right to you.

---

Buy me a beer? | Try DigitalOcean VPS Hosting

[beautyfool]

Awesome, thank you Porter for all your help!

[Author]

Posts