Reducing Header and Menu Width

Home Forums Construction Pro/Build Forum Reducing Header and Menu Width

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #77388
    Feridun
    Member
    • Topics: 4
    • Replies: 7
    • Total: 11
    Member since: March 31, 2017

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

    ASWA group Header Reducing Width

    #77406
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 23366
    • Total: 23366
    Member since: August 16, 2013

    Hi,

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

    Add this code there:

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

    Regards,
    Chris

    #77407
    Feridun
    Member
    • Topics: 4
    • Replies: 7
    • Total: 11
    Member since: March 31, 2017

    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.

    Reduced Header Height

    Reduced Menu Height

    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;}
    
    #77411
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 23366
    • Total: 23366
    Member since: August 16, 2013

    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

    #77414
    Feridun
    Member
    • Topics: 4
    • Replies: 7
    • Total: 11
    Member since: March 31, 2017

    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

    #77416
    Feridun
    Member
    • Topics: 4
    • Replies: 7
    • Total: 11
    Member since: March 31, 2017

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

    #77428
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 23366
    • Total: 23366
    Member since: August 16, 2013

    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

    #77442
    Feridun
    Member
    • Topics: 4
    • Replies: 7
    • Total: 11
    Member since: March 31, 2017

    Thank you Chris, it is exactly what i needed.

    #77449
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 23366
    • Total: 23366
    Member since: August 16, 2013

    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

Viewing 9 posts - 1 through 9 (of 9 total)
  • You must be logged in to reply to this topic.