Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • January 18, 2018 at 7:00 pm #899250
    trobh1963

    Hi,
    I am using the Photography Demo with the vertical menu. Is there a way to increase the width of the container holding the menu and logo so it may be a 35/65 split?
    Thanks
    Rob Holmes

    January 18, 2018 at 7:25 pm #899260
    Jordan Shannon

    Hey trobh1963,

    Add this to quick css and adjust the width:

    .html_header_sidebar #top #header{
width:500px!important;
}

    Best regards,
    Jordan Shannon

    January 18, 2018 at 9:03 pm #899300
    trobh1963

    Thanks Jordan,

    I tried something like the css you posted and it does widen the menu and logo but it cuts off the elements in the main content section. I’m looking for a way to maintain the ratio but have the entire sidebar container increase in width a bit.

    Any other ideas?

    Rob

    January 18, 2018 at 11:47 pm #899349
    Jordan Shannon

    Hi,

    Apologies, add this with it:

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

    You can adjust this and the side bar width to get your desired look.

    Best regards,
    Jordan Shannon

    January 19, 2018 at 12:33 am #899378
    trobh1963

    Thanks Again Jordan,
    400px seems to be my desired width. However, I lost the responsiveness of the site and stickiness of the menu. If this is a problem let me know.

    Rob

    January 19, 2018 at 12:45 am #899392
    Jordan Shannon

    Hi,

    Can you paste a screenshot of the issue?

    Best regards,
    Jordan Shannon

    January 19, 2018 at 3:14 am #899438
    trobh1963

    Hi Jordan,
    I sent you an email with the screenshot. When the screen moves from pc to tablet to mobile the main content is no longer visible.

    January 19, 2018 at 12:39 pm #899638
    Victoria

    Hi trobh1963,

    Can you please upload the screenshot to Dropbox or the like and give us the link here?

    Best regards,
    Victoria

    January 19, 2018 at 8:15 pm #899842
    trobh1963

    Here’s the link to the problem.
    https://www.dropbox.com/s/59se44783vxj49j/SM.Marketing.JPG?dl=0

    January 22, 2018 at 9:22 am #900689
    Victoria

    Hi trobh1963,

    Thank you. You need to wrap the code above in a media query, like this:

    
@media only screen and (min-width: 1024px) {
  .html_header_left #main {
    margin-left: 600px!important;
  }
}

    If you need further assistance please let us know.
    Best regards,
    Victoria

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