Widening left sidebar

  • kjf127

    (@kjf127)


    4 years, 1 month ago

    Hi, Dark Elements is great – have been using it for several years, thanks! On the left sidebar, some of the text wraps and I’d prefer that it doesn’t. Is there a configuration option where I can make the sidebar wider or prevent the text wrap? Thanks.

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Thread Starter kjf127

    (@kjf127)

    4 years, 1 month ago

    I found your other post with the sidebar suggestion of
    #content {width:68%;}
    #footer {width:68%;}
    #sidebar {width:22%;}
    I copied this exactly and the mobile view on Android didn’t work. I welcome your advice, thanks, Kevin

    Thread Starter kjf127

    (@kjf127)

    4 years, 1 month ago

    and I’m using: #container {max-width:1100px;} to make the center section larger. Thanks

    Theme Author Guido

    (@guido07111975)

    4 years, 1 month ago

    Hi Kevin,

    If you’re adding this at page Additional CSS of the Customizer, this CSS will also override the mobile styling.

    So if you want to apply it for the normal screen only, you must add a so called media query:

    
@media screen and (min-width:768px) {
	#container {max-width:1100px;}
	#content {width:68%;}
	#footer {width:68%;}
	#sidebar {width:22%;}
}

    Change the width of these elements to your needs, these are the default widths (except the #container).
    The total width of #content and #footer + #sidebar must be 90%.

    Guido

    Thread Starter kjf127

    (@kjf127)

    4 years, 1 month ago

    Hi Guido, thank you very much! Have a nice weekend, Kevin

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Widening left sidebar’ is closed to new replies.