Build Your Own Business Website header image

Welcome to our Members Only Forum

You are welcome to view the content on our Forum, just scroll down to view this forum post.
If you like what you find and want to be able to post a question, please check out our subscription options.
Please feel free to search the forum using either the Google Site Search above or the forum search below.

Avatar
Search

— Forum Scope —




— Match —





— Forum Options —





Minimum search word length is 3 characters - maximum search word length is 84 characters

sp_Feed sp_TopicIcon
Agility Responsive Menu: Alignment problem between header image, top menu, and content when viewed on Mobile.
Avatar
johnny huang
Member
Members
Forum Posts: 27
Member Since:
January 12, 2013
sp_UserOfflineSmall Offline
1
June 2, 2013 - 9:25 am
sp_Permalink sp_Print

Hey Rick,

 

I am not sure why it cause the the alignment problem between the header, top menu, and content when you view on mobile or tablet verison? 

 

http://www.sculpdepot.com (I added another nav menu on top of the header area, but have with same alignment problem when viewing on mobile and tablet verison)

http://888watch2.888watch.com 

 

Thanks

 

John H.

Avatar
Rick Anderson
Desert Hot Springs, CA
Admin
Forum Posts: 13637
Member Since:
November 8, 2009
sp_UserOfflineSmall Offline
2
June 2, 2013 - 3:59 pm
sp_Permalink sp_Print

What do you mean by Alignment problems?  The menus look like they are aligning fine to me.  Can you take a screen shot of the issue and point out what you want to align differently?

Avatar
johnny huang
Member
Members
Forum Posts: 27
Member Since:
January 12, 2013
sp_UserOfflineSmall Offline
3
June 2, 2013 - 5:49 pm
sp_Permalink sp_Print

Hey Rick,

 

I used the http://www.responsinator.com and find these problems.

Image Enlarger
Image Enlarger
Image Enlarger
Image Enlarger

Avatar
Rick Anderson
Desert Hot Springs, CA
Admin
Forum Posts: 13637
Member Since:
November 8, 2009
sp_UserOfflineSmall Offline
4
June 3, 2013 - 1:31 pm
sp_Permalink sp_Print

In the first two images it is doing exactly what it is supposed to do.  The menu creates a full width band with the menu button.  

The watch site has a padding issue with the header_area and the body background image shows below the menu.  

You probably need to change the padding and background image for the smaller devices.

Avatar
johnny huang
Member
Members
Forum Posts: 27
Member Since:
January 12, 2013
sp_UserOfflineSmall Offline
5
June 3, 2013 - 4:53 pm
sp_Permalink sp_Print

Hey Rick,

 

Thanks for your response. For the watch site will I change the padding under header area?

 

Thanks

 

John

Avatar
Rick Anderson
Desert Hot Springs, CA
Admin
Forum Posts: 13637
Member Since:
November 8, 2009
sp_UserOfflineSmall Offline
6
June 4, 2013 - 8:37 am
sp_Permalink sp_Print

At least for the smaller window sizes.

Avatar
johnny huang
Member
Members
Forum Posts: 27
Member Since:
January 12, 2013
sp_UserOfflineSmall Offline
7
June 5, 2013 - 5:05 pm
sp_Permalink sp_Print

Hey Rick, 

 

I am still unclear how to adjust the back ground image and the padding, can you please show me? 

 

Thanks

 

John

Avatar
Rick Anderson
Desert Hot Springs, CA
Admin
Forum Posts: 13637
Member Since:
November 8, 2009
sp_UserOfflineSmall Offline
8
June 6, 2013 - 3:32 pm
sp_Permalink sp_Print

For the phones I wouldn't use a background image at all.  Just add a background color to the #header_area instead.

So in the Smartphone media query I would add:

.body{background-image:none;}
#header_area{background-color:#000000;}
Avatar
johnny huang
Member
Members
Forum Posts: 27
Member Since:
January 12, 2013
sp_UserOfflineSmall Offline
9
June 7, 2013 - 3:48 pm
sp_Permalink sp_Print

Hey Rick,

 

Thanks for the tips. Finally, I was able to fixed. You are awesome.

 

John

Avatar
Rick Anderson
Desert Hot Springs, CA
Admin
Forum Posts: 13637
Member Since:
November 8, 2009
sp_UserOfflineSmall Offline
10
June 8, 2013 - 11:17 am
sp_Permalink sp_Print

You're welcome. cool

Forum Timezone: America/Los_Angeles

Most Users Ever Online: 228

Currently Online:
10 Guest(s)

Currently Browsing this Page:
1 Guest(s)

Top Posters:

Keith W Jones: 1441

Brian Tozer: 1004

Carolin: 984

Heidi Hafner: 509

John Cunningham: 423

Reece Morrel: 353

Newest Members:

soundpilot

digitalaerolus

emma62755

sharonmarks

emma80233

Tijs de Jong

Forum Stats:

Groups: 8

Forums: 46

Topics: 7003

Posts: 34845

 

Member Stats:

Guest Posters: 6

Members: 6763

Moderators: 2

Admins: 2

Administrators: Rick Anderson, Rick Anderson

Moderators: Pierre Cote, Laura Nugent