Zen Cart Logo
Forums / General Questions / full screen header on page with fixed width

full screen header on page with fixed width

Locked

Views: 2,794

Results 1 to 4 of 4
This thread is locked. New replies are disabled.
23 Jan 2010, 11:01 AM
#1
raduzz avatar

raduzz

New Zenner

Join Date:
Jan 2010
Posts:
6
Plugin Contributions:
0

full screen header on page with fixed width

hi,

my zen cart page has 750px at width
#mainWrapper { width: 750px; }

is it posible to have full screen header and save these 750px at width for rest of the page?

23 Jan 2010, 11:25 AM
#2
raduzz avatar

raduzz

New Zenner

Join Date:
Jan 2010
Posts:
6
Plugin Contributions:
0

Re: full screen header on page with fixed width

well, zen cart eshop page can have fixed width or it can be switched to full screen mode (from left to right).

i would like to display header over full screen and rest of the page to be displayed with fixed width in the center of screen

4 Feb 2010, 1:33 AM
#3
capecodjoe avatar

capecodjoe

New Zenner

Join Date:
Feb 2010
Posts:
4
Plugin Contributions:
0

Re: full screen header on page with fixed width

I have been trying to figure this out also. Anyone know how to do it??...please?

4 Feb 2010, 1:38 AM
#4
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: full screen header on page with fixed width

Basically, in your stylesheet change #mainWrapper from
width: 750px;
to
width: 100%;

then make #contentMainWrapper
width: 750px;
margin: auto;

You may also need to make one or more footer divs fixed width the same way.

This will depend on your exact template, so if this does not work for you, post a link to see your site live.