1. Home
  2. Knowledge Base
  3. Blog Theme Customizations
  4. How to modify header height of Navigation Menu alongside Logo (in Blog pages)

How to modify header height of Navigation Menu alongside Logo (in Blog pages)


NOTE: Starting with OptimizePress version 2.5.11 we introduced a newer theme that has a more modern design, faster loading pages, and better SEO. We would suggest trying out the new OptimizePress Smart Theme. If you have an active updates/support license you should see this in the members hub, along with a downloadable PDF step by step guide on how to use the new Smart Theme

We can no longer provide the older OptimizePress Theme files for download for new sites. If you have an existing site and need to re-install the theme files please contact our support team and they will gladly assist with that. For now, we will still provide updates and support for the older OptimizePress Theme

This guide is for the older OptimizePress Theme version and not for the new Smart Theme

If you want to amend the blog header height of Navigation Menu alongside Logo, please kindly go to OptimizePress >> Blog Settings >> Modules >> Other Scripts >> Custom CSS (drop-down) and then add the below code to the box:

.banner .op-logo {padding: 5px 0;}

body #nav-side.navigation #navigation-alongside {margin: 10px 0 0;}

The first code is to reduce the padding around your OP2 logo while the second code is to reduce the margin of navigation menu. If you want to make increase or decrease it more, please kindly just change 5px and 10px.

Was this article helpful?

Related Articles

Need Support?
Can't find the answer you're looking for? Don't worry we're here to help!
Contact Support