Ask your WordPress questions! Pay money and get answers fast! Comodo Trusted Site Seal
Official PayPal Seal

Grid theme problem WordPress

  • SOLVED

Hi,

sorry this might be really obvious, im using the narrow way blog theme.

My problem happens when i resize the browser from 4 Columns to 3 - all of the grid shifts down.

www.travel.davidsidhom.com

#header{margin: 0px; padding: 20px 0px 40px 0px;}
.header-box{float: left; padding: 0px 20px 0px 20px;}
.header-box{height: 36px;}
.mini-header-box{border: 0px;}
#branding img a{border: 0px;}
.header-box h1 a{color: #222; text-decoration: none;}
.header-box h1 a:hover{color: #666;}
h1,h2,h3,h4,h5,h6{font-weight: bold; color: #222; font-size:12px}
h2.date{color: #bbb; font-weight: lighter;}
.page-title span{background: white; padding: 0px 3px;}

Need a heads up on this one, thanks.

Answers (3)

2011-03-31

Sébastien | French WordpressDesigner answers:

no problem on my computer


Sébastien | French WordpressDesigner comments:

just replace
.header-box{float: left; padding: 0px 20px 0px 20px;}
with
.header-box{float: left; padding: 0px 20px 0px 20px;position:absolute;}
in your css


Sébastien | French WordpressDesigner comments:

@denzel > if i have understand, the problem is that the header change its height.

2011-03-31

jevusi answers:

there is no problem on my computer...
what's your browser ?


davidsidhom comments:

chrome and firefox

you can see the difference im getting in these 2 images

http://travel.davidsidhom.com/wp-content/uploads/2011/03/Screen-shot-2011-03-31-at-18.16.14.png

http://travel.davidsidhom.com/wp-content/uploads/2011/03/Screen-shot-2011-03-31-at-18.16.10.png

2011-03-31

Denzel Chia answers:

Hi,

There is nothing wrong with that.
You theme is designed to do just that.
It is the javascript that is causing that.

If you make you browser narrower, the grids will automatically resize.

The javascript is called jQuery VGrid.
The demo is here. http://blog.xlune.com/2009/09/vgrid/demo001.html

<em><strong>Nothing wrong with your theme! </strong></em>

Just that you don't know that it is built to function like that!

Thanks.
Denzel


Denzel Chia comments:

@Sebastien > Thanks for the info!

Sorry David! Misread the Question!

Thanks.
Denzel