Forcing blocks to align in responsive view


Author Message
Brian

Posted: 7/21/2015
Quote message 

Hi,
I have three block at the bottom of my page in desktop view. When viewed on a smartphone or tablet in landscape the block are aligned side by side and the block width causes the images and text to mis-align, nor are the blocks 33% of the total page width. This is not a problem when viewed in portrait view on these devices. I would like the blocks to align vertically in landscape or expand to 33%.
How can I change the code and which code do I amend?

Thus is the home page link: http://www.pbapothecary.com.au/
 
Eileen
Artisteer Team

Posted: 7/22/2015
Quote message 

Hello Brian,
to overcome the problem please try adding the custom CSS

.responsive-tablet-layout-cell .art-block {
width: 100% !important;
}

under File >> Export >> Options >> CSS Options and re-export the theme
 
Brian

Posted: 7/22/2015
Quote message 

Hi Eileen,
Thanks that it worked perfectly.
Regards,

Brian