Change height of my header

Support
#1

How do I change the height of my header, where the logo and primary menu are?

#2

Hello Ryan,

You can change it in X > Theme Options > Header > Navbar Top Height.

Hope this helps.

#3

That just messes with my menu, it didn’t reduce the space on the very top of the page.

#4

Hello Ryan,

Thanks for updating the thread. :slight_smile:

You can try adding following CSS under X > Theme Options > CSS:

.x-brand {
    margin-top: 0 !important;
}

.x-navbar .desktop .x-nav > li > a {padding-top: 20px !important;height: 50px;}

1- I have found the proper CSS code selector using the Chrome browser Developer Toolbar: https://www.youtube.com/watch?v=wcFnnxfA70g

2- For the CSS code itself, I suggest that you get started with this tutorial: https://www.youtube.com/watch?v=yfoY53QXEnI

Thanks.

#5

Thanks. That didn’t appear to change anything though

#6

Hi,

Kindly remove the css provided.

There are 3 settings in Theme Options > Header you need to adjust, please check screenshots below.

If that doesn’t work, please provide us your wordpress admin login in Secure Note

Thanks

#7

ok just sent secure note

#8

Hi Ryan,

Upon checking, it seems that you have forgotten to include your WordPress username. Could you please update your secure note with those required information, so that we can check your issue.

Thanks!

#9

updated. Thanks!

#10

Hello Ryan,

If you want to change the spaces above your logo, please edit your logo image instead. At the moment, your logo image is a 200x200 pixels in dimension. You won’t be able to noticed it because the background of the image is transparent. You will beed to edit the logo image in Photoshop or any image editor and make sure to reduce the spaces above and below your logo.

Hope this make sense.

#11

Yep that makes sense. Thank you!

#12

You’re welcome! :slight_smile:

#13

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.