mobile - Widths of footer/ navigation at 100% not equal to widths of header/ container at 100% -


i'm building website (summer-band.com) , trying tweak mobile settings (browser @ < 600px) 100% width settings several of elements. unfortunately, i've done far, header/ container , navigation bar footer seem shooting out different widths , can't seem fix on own, asking assistance.

first, menu: #navigation li a , #navigation li.current_page_item a's width 100% has padding, box model won't want. width should auto. recurring problem of yours.

next, header: have #headerimg's width set constant 600px. in media query, you'll want make width , height auto , make actual img's width 100%.

moving down, main #box has width of 100% , padding. due box model, won't want. make width auto.

further down, #footer has display of inline-block , width of 100%. you'll want change display block , width auto.

i think that's it, might want set article img's max-width 100% , remove explicit width on kickstarter screenshot. don't know how deal iframe video. sorry.

a few last comments: seem overusing brs , empty p tags rather using appropriate margins.


Comments

Popular posts from this blog

SPSS keyboard combination alters encoding -

Add new record to the table by click on the button in Microsoft Access -

CSS3 Transition to highlight new elements created in JQuery -