Resize window, scale down menu css

Dev Shed Forums Sponsor:

December 30th, 2012, 03:51 PM

sampsonwonder

Registered User

Join Date: Dec 2012

Posts: 2

Time spent in forums: 3 m 17 sec
Reputation Power: 0

Resize window, scale down menu css

Hello,

The menu layout I currently have for the wider 'desktop' view is fine. I would like to replicate this layout in the 'ipad' screen size but instead have the logo sitting about the menu items. Can anyone help me in correcting this?
The website is: hypoly.com

Thank you,
Chiny

December 31st, 2012, 03:14 AM

simplypixie

Contributing User

Join Date: Aug 2012

Posts: 104

Time spent in forums: 18 h 33 m 57 sec
Reputation Power: 11

In your css for media queries the div that holds your logo and navigation are not floated but positioned central to the page:

Code:

.header-left {
		float: none;
		margin: 0 auto;
	}
.header-right {
		margin-top: 20px;
		width:100%;
	}

This is what you need to change to match the main css (maybe adjust the widths slightly if necessary):

Code:

.header-left {
    width: 250px;
    float: left;
}
.header-right {
    position: relative;
    float: right;
}

December 31st, 2012, 06:45 AM

sampsonwonder

Registered User

Join Date: Dec 2012

Posts: 2

Time spent in forums: 3 m 17 sec
Reputation Power: 0

@simplypixie

Thank you very much, problem solved

Viewing: Dev Shed Forums > Web Design > CSS Help > Resize window, scale down menu css

« Previous Thread | Next Thread »

Developer Shed Advertisers and Affiliates

Thread Tools	Search this Thread
Email this Page	Search this Thread: Advanced Search
Display Modes	Rate This Thread
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode	Rate This Thread:

Posting Rules
You may not post new threads You may not post replies You may not post attachments You may not edit your posts vB code is On Smilies are On [IMG] code is On HTML code is Off

View Your Warnings | New Posts | Latest News | Latest Threads | Shoutbox

Forum Jump