• Resolved songiuno

    (@songiuno)


    What specifically do I tweak to get the left sidebar to be equal width as the default width of the right sidebar? I’m not familiar with CSS and can’t figure out what controls/defines the left sidebar.

    I’m using WP V4.2.2 raindrops theme 1.302.

Viewing 4 replies - 1 through 4 (of 4 total)
  • Theme Author nobita

    (@nobita)

    Hi songiuno

    And to strictly control, you need a high degree of customization of the CSS

    A simple way that can be anyone

    Dashboard / Appearance / Customize

    Presentation / Layout and Sidebars /

    Check Radio button at Select Box Layout responsive

    Text field set value 960 at Fluid Max Width (px)

    Can you satisfied with this way?

    Thank you.

    I’m very much into this question myself! ??

    Nobita, I tried changing the Fluid Max Width (px) as suggested, but this does not impact on the width of the sidebars, only on the width of the entire box layout. So I think you misunderstood the question posed by songuino?

    I can see that one might choose different settings for the width of the left sidebar, in this customisation column. For example, mine is set to 180 px. When the screen is 1280, I think that width is fitting.

    https://gestaltudvikling.dk/

    But as the screen/window becomes smaller, the 180 width becomes less fitting. Is it possible to make the .lsidebar width responsive, like the .rsidebar width is? So that they’d be equal to each other?

    I recognise that this might be difficult, because div.yui-u:nth-child(1) should then float left to meet the width of lsidebar.
    I’m not sure if that’s possible, in fact?

    Thread Starter songiuno

    (@songiuno)

    Thank you Nobita, I totally missed the purpose and functions of that customize option. I think it will do!

    Theme Author nobita

    (@nobita)

    @res2

    If any question, Please create new post

    Width control CSS class of Extra Sidebar
    	25% : yui-ge
    	75% : yui-gf
    	33% : yui-gc';
    	66% : yui-gd;
    	50% : yui-g
    
    <div class="Width control CSS class of Extra Sidebar" id="container">
    		<div class="yui-u first" role="main"> float left
    		<div class="yui-u"> float right
Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Equal sidebar widths’ is closed to new replies.