Display of "new invoice address" on mobile is 3 collumn

Start
Prev
1
Next
End

Formidog
Topic Author
Offline

Posts: 117
Thank you received: 6

4 years 10 months ago #314828

-- url of the page with the problem -- : www.formidogrijswijk.nl
-- HikaShop version -- : 4.2.2 business
-- Joomla version -- : 3.9.14
-- Browser(s) name and version -- : mobile display

Good afternoon

When entering a new invoice-address on a mobile-display the template is in three columns.
Where to change this to 1 column??

(i hope there is a simple checkmark for this)

Thanks
Dick

Attachments:

Last edit: 4 years 9 months ago by Formidog.

Please Log in or Create an account to join the conversation.

nicolas
Away

Posts: 82863
Thank you received: 13372
MODERATOR

4 years 10 months ago #314837

Hi,

The fact that you have several columns for your address edition comes from your template CSS:
monosnap.com/file/rOVuUZnjS2lk3NSwDPzgO2MiKaKaMS
So you should ask this question to your template provider so that they can improve the CSS of their template (for others) and at the same time give you the solution.
The solution should be adding CSS code to the template CSS file ( /templates/jd_shop/css/template.css ) . Something along those lines:

@media screen and (max-width: 767px) {
.hikashop_checkout_page .hikashop_checkout_checkout_address_block .hkform-horizontal > .hkform-group {
width: 100% !important;
}
}

Please Log in or Create an account to join the conversation.