News:

You may pay someone to create your store, or you visit our seminar and become a professional yourself with the silver certification

Main Menu

Responsive layout issue on iPhone Safari Browser

Started by mcintyro, May 21, 2017, 13:25:07 PM

Previous topic - Next topic

mcintyro

I have an issue using Virtue Mart 3.2.2 on PHP 7.0.19 and Joomla 3.7.1

When I look at my store: https://www.borderhighlands.com/store on an iPhone iOS 10.3.1 using the default Safari mobile browser the buttons for add to cart and quantity are poorly laid out as per the attachments.  When I simulate a responsive layout using Firefox on a PC the layout is fine.  Can anyone help suggest what this could be?

Thanks
Ross

jenkinhill

Layout is fine on my HTC10 Android phone using chrome and firefox and is OK using safari 5.1.7 on Win10 when using a narrow viewport. So maybe you need to check for OS/screen browser & width and apply custom css.  eg https://www.handsetdetection.com/properties/platforms/iOS/10.3.1
Kelvyn
Lowestoft, Suffolk, UK

Retired from forum life November 2023

Please mention your VirtueMart, Joomla and PHP versions when asking a question in this forum

Jumbo!

Add the following custom css to your template.


span.quantity-controls input.quantity-controls {
    overflow: hidden;
    padding: 0;
    border: none;
}

mcintyro

Jumbo!...thank you very much....that worked a treat!