css - Responsive design on California Responsive BigCommerce template -
i looking simple guidance can cope design basics stuck in 1 area of website design findmethatwine.com
dektop site working want (always room improve hey). responsive side in 1 area grappling with. logo site when reduce screen size tablet or mobile template responds. issue want float logo on left of screen (for mobile devices) gives room use right hand side of screen create similar blocks of content important free shipping , guarantee info shows on full desktop site.
i have tried manner basic float left in css site , whilst moves logo causes styling issues links in top right sign in link messes entirely.
any clues how go achieving or work around massively helpful neither me or colleague can figure headache out.
sorry if missing useful info need, ask.
one option in stylesheet @
https://cdn5.bigcommerce.com/r-cd74cb12e5d8e952a812b68d3d60382a14b97a1e/themes/california/styles/responsive.css
goto line 128 , change rule to
.header-logo-mobile{ display:block; margin:0 auto; display:table; width:96%; text-align:left; padding:20px 0 16px;}
then positioning logo simple text-align property , if may cause less grief if float , take out of flow.
good luck!
Comments
Post a Comment