How to reduce menubar and logo header area height of News Pro Theme?

[Pramod Kumar]

I want to reduce menu bar and theme logo header height, Which CSS rules I'll need to edit in News Pro Style.css file?

Thanks!
Pramod Kumar

https://www.pcmobitech.com

[sangfroidweb]

Hi there,
You can reduce the height of those areas by adjusting the padding on the menu items and the .site-header .wrap.

On line 1133 of the stylesheet:

.genesis-nav-menu a {
border-right: 1px solid #e3e3e3;
color: #000;
display: block;
padding: 20px 24px;
position: relative;
}

Reduce the padding from "padding: 20px 24px;" to something less, like "padding: 10px 24px;" (or whatever amount you prefer)

On line 1025 of the stylesheet:

.site-header .wrap {
padding: 40px 0;
}

Reduce the padding from "padding: 40px 0;" to something less, like "padding: 20px 0;" (or whatever amount you prefer)

Hope that helps!
Liz

---

Liz or Eddy @SangFroid Web — Customizing StudioPress themes at http://www.wpstudioworks.com and building custom Genesis Child themes for businesses at http://www.sangfroidwebdesign.com 🙂

[Pramod Kumar]

Thanks a lot, it is working perfectly. 🙂

[sangfroidweb]

Great! When you have time, be sure to mark the topic as 'Resolved' if no further issues.
Thx!
Liz

---

Liz or Eddy @SangFroid Web — Customizing StudioPress themes at http://www.wpstudioworks.com and building custom Genesis Child themes for businesses at http://www.sangfroidwebdesign.com 🙂

[Pramod Kumar]

Yes, of course, I'm marking it as resolved.
Thanks!

[Pramod Kumar]

Sorry For disturbing again, The logo seems fine on desktop but on mobile still having space. How to fix this?

[sangfroidweb]

Hi again!

To adjust it on mobile...On line 1958 reduce the padding of .site-header .wrap:

.site-header .wrap {
padding: 20px 0;
}

Change "padding: 20px 0;" to "padding: 5px 0;" (or whatever you prefer)

...and on line 1954, reduce the bottom margin of .site-header .title-area:

.site-header .title-area {
padding-bottom: 16px;
}

Change "padding-bottom: 16px;" to "padding-bottom: 0px;" (or whatever amount you prefer.

Hope that helps!
Thx!
Liz

---

Liz or Eddy @SangFroid Web — Customizing StudioPress themes at http://www.wpstudioworks.com and building custom Genesis Child themes for businesses at http://www.sangfroidwebdesign.com 🙂

[Pramod Kumar]

Thank you very much, you helped me a lot. 🙂

[Author]

Posts