Home › Forums › Construction Pro/Build Forum › Reducing Header and Menu Width
- This topic has 8 replies, 2 voices, and was last updated 7 years, 1 month ago by
Sonl Sinha.
-
AuthorPosts
-
July 5, 2017 at 8:31 pm #77388
How can reduce header width and menu width as shown in the screen shot image below?
My website ise : www.aswagroup.comJuly 6, 2017 at 5:41 am #77406Hi,
Kindly go to Appearance>>Theme Options>>Basic Settings>>Custom CSS Box:
Add this code there:
.header .header-inner { width:1050px;}
Regards,
ChrisJuly 6, 2017 at 6:02 am #77407Hello, 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;}
July 6, 2017 at 6:55 am #77411Hi,
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,
ChrisJuly 6, 2017 at 7:16 am #77414Thank 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
July 6, 2017 at 7:21 am #77416Ok i noticed that it has been also solved.
Thanks you Chris.July 6, 2017 at 9:11 am #77428Hi,
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,
ChrisJuly 6, 2017 at 9:47 am #77442Thank you Chris, it is exactly what i needed.
July 6, 2017 at 9:50 am #77449Hi Feridun,
If you found our service good kindly review us here: https://www.sktthemes.org/forums/topic/reviews-and-testimonials/page/7/
Regards,
Chris -
AuthorPosts
- You must be logged in to reply to this topic.