A different presentation on screen and smartphone

  • Posts: 27
  • Thank you received: 1
  • Hikashop Business
9 years 7 months ago #228139

-- url of the page with the problem -- : www.coloredroofs.nl
-- HikaShop version -- : 2.6.1
-- Joomla version -- : 3.4.8
-- PHP version -- : 5.6.14
-- Browser(s) name and version -- : firefox 43.0.4

I have problems with the mobile version of the site. Is it possible to make a different presentation on the smarphone? So that the products are standing under each other. Now if you look on the smartphone with 3 columns I get a lot of problems. With 2 columns it looks a little bit better. But on the PC screen I like the 3/4 columns the most. But that is not working on the screen of the smartphone.

Attachments:

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

  • Posts: 4820
  • Thank you received: 654
  • MODERATOR
9 years 7 months ago #228144

Hello,

Via CSS code you can have different way to show your page, like this kind of code :

@media only screen and (max-width: 480px) {
   #selector{ 
       Css Order: your choice; 
   }
}

This kind of code will only be applied WHEN your browser will detect a screen under 480 px.
And so, like this you are able to have different CSS order to adapt your page link to screen size.

Hope this will help you.

Regards,

Last edit: 9 years 7 months ago by Philip.

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

Time to create page: 0.057 seconds
Powered by Kunena Forum