Reducing Header and Menu Width

[Feridun]

How can reduce header width and menu width as shown in the screen shot image below?
My website ise : www.aswagroup.com

[Sonl Sinha]

Hi,

Kindly go to Appearance>>Theme Options>>Basic Settings>>Custom CSS Box:

Add this code there:

.header .header-inner { width:1050px;}

Regards,
Chris

[Feridun]

Hello, it does not work

Actually i could not explain what i need clearly.

1- I need to reduce header height size as shown below screen shot. I need to remove green area and shift menu up.

2- For the menu (home page) i need to reduce height or i need to reduce font size as shown in the second image.

And Here is the added codes into the my CSS area

.slider-main{

 position  : relative; 
  width     : 92%;  
  height    :100%; 
}

.slider-main{margin:0 auto; display:table;}

.inner-banner{

 position  : relative; 
  width     : 100%;  
 
}

.innerbanner{margin:0 auto; display:table;}

#footer-wrapper { padding:0;}
.copyright-wrapper { padding:8px 0;}

#footer{display:none !important;}
#footer-wrapper{height     : 5%;}

.nav ul:hover ul { width:350px !important;}

.widget-column-4{display:none;}
.widget-column-1{display:none;} 
.widget-column-2{display:none;} 
.widget-column-3{display:none;}

.nivo-caption{top:20% !important;}

.header { padding-top:5px;}
.head_fix { padding:10px 0 0;}

.header .header-inner .logo{padding:0 !important;}

.innerbanner{display:none;}

body.page .header {position: static;}
.innerbanner {display: none;}

[Sonl Sinha]

Hi,

Kindly go to Appearance>>Theme Options>>Basic Settings>>Custom CSS Box:

Add this code there:

.header .header-inner .nav { top:0;}
.header .header-inner .nav ul li a { padding:10px 40px;}
.slider-main { top:-20px;}

Regards,
Chris

[Feridun]

Thank you Chris it is perfect now 🙂

How about my second question: how can i reduce menu height size or the font size of only menu?

Thanks

[Feridun]

Ok i noticed that it has been also solved.
Thanks you Chris.

[Sonl Sinha]

Hi,

Kindly go to Appearance>>Theme Options>>Basic Settings>>Custom CSS Box:

Add this code there:

.header .header-inner .nav ul { font-size:12px;}

Remove this old css:
.header .header-inner .nav ul li a { padding:10px 40px;}

Add this new css:
.header .header-inner .nav ul li a { padding:5px 40px;}

Regards,
Chris

[Feridun]

Thank you Chris, it is exactly what i needed.

[Sonl Sinha]

Hi Feridun,

If you found our service good kindly review us here: https://www.sktthemes.org/forums/topic/reviews-and-testimonials/page/7/

Regards,
Chris

[Author]

Posts