Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • June 14, 2017 at 7:33 pm #808173
    MLA18

    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!

    June 14, 2017 at 11:34 pm #808298
    Jordan Shannon

    Hey MLA18,

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

    Best regards,
    Jordan Shannon

    June 14, 2017 at 11:40 pm #808303
    MLA18

    Hi Jordan, thanks for your assistance!

    June 14, 2017 at 11:58 pm #808309
    Jordan Shannon

    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

    June 15, 2017 at 12:05 am #808322
    MLA18

    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!

    June 15, 2017 at 12:30 am #808328
    Jordan Shannon

    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

    June 15, 2017 at 12:45 am #808330
    MLA18

    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)?

    June 15, 2017 at 3:39 pm #808585
    Jordan Shannon

    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

    June 19, 2017 at 6:11 pm #809894
    MLA18

    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!

    June 19, 2017 at 8:25 pm #809937
    Jordan Shannon

    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

    June 19, 2017 at 9:05 pm #809968
    MLA18

    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!

    June 19, 2017 at 9:10 pm #809974
    Jordan Shannon

    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

    June 19, 2017 at 9:28 pm #809979
    MLA18

    Absolutely perfect.

    Thank you very much for your help and patience!

    June 19, 2017 at 9:35 pm #809983
    Jordan Shannon

    Hi,

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

    Best regards,
    Jordan Shannon

  • Author
    Posts
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.