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

Grid theme problem WordPress



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.

#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}{color: #bbb; font-weight: lighter;}
.page-title span{background: white; padding: 0px 3px;}

Need a heads up on this one, thanks.

Answers (3)


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;}
.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.


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


Denzel Chia answers:


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.

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

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


Denzel Chia comments:

@Sebastien > Thanks for the info!

Sorry David! Misread the Question!