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

  • Posts: 89
  • Thank you received: 3
  • Hikashop Multisite
4 weeks 1 day 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: 3 weeks 3 days ago by Formidog.

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

  • Posts: 68132
  • Thank you received: 10158
  • MODERATOR
4 weeks 23 hours 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.

  • Posts: 89
  • Thank you received: 3
  • Hikashop Multisite
3 weeks 3 days ago #315045

THANKS!!!!

Always happy

posted at JoomDev forum

Last edit: 3 weeks 3 days ago by Formidog.

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

Time to create page: 0.061 seconds
Powered by Kunena Forum