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

Popular posts from this blog

Command prompt result in label. Python 2.7 -

javascript - How do I use URL parameters to change link href on page? -

amazon web services - AWS Route53 Trying To Get Site To Resolve To www -