Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • #808173

    When the logo and Main Menu Area are set to the Left Sidebar position, is it possible to reduce the width of the left sidebar area? I have made several attempts through CSS but have had no luck so far.

    Any advice would be greatly appreciated.

    Thanks in advance!

    #808298

    Hey MLA18,

    Please provide a link to the site so we can look into this further.

    Best regards,
    Jordan Shannon

    #808303

    Hi Jordan, thanks for your assistance!

    #808309

    Hi,

    Add the following to quick css:

    
    .html_header_sidebar #top #header { width: 200px!important; }
    .html_header_left #main { margin-left: 200px!important; }

    You can adjust the numbers to whatever you like.

    Best regards,
    Jordan Shannon

    #808322

    Outstanding. Thank you!

    By chance would you know which CCS language to use in order to turn the Logo & Main Menu Area off on just the home page and home page only?

    Thanks!

    #808328

    Hi,

    You can use the following:

    
    .page-id-330 #header_main, .header_bg{display:none!important;}
    .page-id-330 .html_header_left #main { margin-left:0px!important;}

    Best regards,
    Jordan Shannon

    #808330

    Thank you Jordan, but I was actually referring to hiding the entire header/container area. The black area would be gone and the masonry gallery would stretch across the entire page.

    Is it possible to do that on just one page (home page)?

    #808585

    Hi,

    The code abvove should work, but you have to remove this first:

    .html_header_left #main { margin-left: 200px!important; }

    So this will take precedence:

    .page-id-330 .html_header_left #main { margin-left:0px!important;}

    Best regards,
    Jordan Shannon

    #809894

    Thank you for your help, Jordan!

    However I just now noticed that these changes break the mobile/responsive aspect of the theme. Is there a way to implement the above effects without breaking mobile?

    Thanks!

    #809937

    Hi,

    Sure. please paste the code that you added to quick css. I gave you a few different options so I want to see how you added it first.

    Best regards,
    Jordan Shannon

    #809968

    Hi Jordan,

    I now only need the width of the Header/Left Menu area to be reduced. I no longer need to hide the whole menu container on the home page. So I have used the following changes you provided:

    .html_header_sidebar #top #header { width: 200px!important; }
    .html_header_left #main { margin-left: 200px!important; }

    The only adjustment I made was to the width: 250px.

    Thanks!

    #809974

    Hi,

    The following should keep it to desktops only:

    @media only screen and (min-width: 767px)  {
    .html_header_sidebar #top #header { width: 200px!important; }
    .html_header_left #main { margin-left: 200px!important; }
    }

    Best regards,
    Jordan Shannon

    #809979

    Absolutely perfect.

    Thank you very much for your help and patience!

    #809983

    Hi,

    No problem at all. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

Viewing 14 posts - 1 through 14 (of 14 total)
  • The topic ‘Logo & Main Menu Area Set to Left Sidebar – Reduce Width?’ is closed to new replies.