cancel
Showing results for 
Search instead for 
Did you mean: 
Go to solution
Highlighted

How to reduce VELUX theme header

I am using the VELUX theme which is a child theme of Primer in Wordpress.  I am trying to reduce the size of the header because I have three rows of menus. All the help web pages show a setting Appearance->Customize->Header which I do not have. I have the item Appearance->Customize->Header Media which does not show any settings for changing the header size, only the header picture. How can I reduce my header size? Do I need to change the theme? 

3 REPLIES 3
Helper V
Helper V

Re: How to reduce VELUX theme header

@GoHello,

 

Please provide your website URL to investigate, Thank you...

 

Regards,

 

Praveen Thomas

GoDaddy 24/7 Support www.x.co/247support
----->NEXIA

Re: How to reduce VELUX theme header

Here is the URL. I need to reduce the header height and squeeze the title and menus together. 

 

http://squareof9.com/

Helper V
Helper V
Solution

Re: How to reduce VELUX theme header

@GoHello,

 

Please change the below selectors in style.css to required values!, and also try to keep your menu titles short and sweet...

.home .site-header {

height: "Add your value";

-webkit-background-size: cover;

background-size: cover;

}

.main-navigation {

font-size: "Add your value";

font-weight: 500;

display: none;

}

 

Regards,

 

Praveen Thomas

GoDaddy 24/7 Support www.x.co/247support
----->NEXIA