Equalizing sidebar widths

  • Is it possible to make the .lsidebar width responsive, like the .rsidebar width is? So that they’d be equal width to each other?

    For example, my .lsidebar is set to 180 px. When the screen is 1280, I think that width is fitting. But I have no idea what screenwidth my readers are going to have, so the .lsidebar width ought to be responsive, rather than fixed.

    https://gestaltudvikling.dk/

    As the screen/window becomes smaller, the fixed 180 width of .lsidebar becomes less fitting. At the small screen setting the .lsidebar is gone, so it is at screen width 640-1280 px that the width could use a responsive setting (moreso approaching the 640 limit)

    best regards

Viewing 1 replies (of 1 total)
  • Theme Author nobita

    (@nobita)

    Width control CSS class of Default Sidebar

    'yui-t1' : left 160px'
'yui-t2' : left 180px'
'yui-t3' : left 300px'
'yui-t4' : right 180px'
'yui-t5' : right 240px'
'yui-t6' : right 300px'

  <body>
       <div id="doc3" class="[Width control CSS class of Default Sidebar] hfeed">
		<header>...</header>
		<div id="bd">
		<div id="yui-main">...</div>
		<div class="yui-b">
			<nav class="lsidebar" role="navigation">...</nav>
		</div>

    see grid.css
    layout is controled float and margin( em )
    culculate em = base font size ( 13px ) x px width

Viewing 1 replies (of 1 total)
  • The topic ‘Equalizing sidebar widths’ is closed to new replies.