I have two issues with mobile display that I'm having trouble solving. Here's a link to the page: [url]https://www.shopstoneage.com/index.php[/url]

Here's a screenshot showing both issues: [img]https://www.shopstoneage.com/images/_MobileCart-padding.png[/img]

1. I'm trying to move the View Cart section to display in the top row and be right aligned, but have the rest of the text in the drop down box and the button stay centered when the window is open.
2. I can't figure out how to get the 3 bar hamburger icon for the mobile menu to center without problems. For the mobile menu icon, I've been able to center it by editing: [code].menu-mobile:after { font-family:FontAwesome; content:"\f0c9"; font-size:1.8em; padding:0.2em 0 0 0; float:right; position:relative; color:#fff; }[/code] If I remove "float:right;" and add "text-align:center;", it works, but adds a lot of padding beneath the menu icon and causes a weird screen flicker effect when you refresh the page.

Deborah Whipp
http://dwwebdesigns.com
http://altogetherchristmas.com

Hi Deborah

In style.css line 267 you have

.col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4,.col-4a, .col-5, .col-6, .col-7, .col-8, .col-9 { width:95%; }

Remove the entry for col-4a and after that line add

.col-4a { width:48%; }

I think centering the menu icon would likely have knock on effects and I see you now have it left aligned which works well in my opinion.

Andy

Please feel free to review / rate our software

Thanks so much Andy - I totally missed that!

Through lots of trial and error, I think I have the menu text and hamburger icon centering correctly on mobile without any adverse effects. Still need to test it on more devices and major browsers though.

Thanks again,
Deborah

Deborah Whipp
http://dwwebdesigns.com
http://altogetherchristmas.com