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 br
s , empty p
tags rather using appropriate margin
s.
Comments
Post a Comment