Info box

websab

Hello,

When I enter a info box on a page of my site it is appeared well displyed if you look the site from a computer, but if you look the site on a mobile phone it is not well displayed. The image is all covered and the info box is not well displayed.

I attach two images to better display the problem.

My site is: http://osteriadeibruder.it/contatti/

Albert

Hi,

the problem with Get in Touch item on mobile is because of the -400px of the top margin you set for the wrap where item is. To see what we mean, please check http://pasteboard.co/mH5msSu5Y.png

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

websab

Thanks for your answer. 

I thought it was for this reason, but I'm wondering if there is a way to fix it or I have to cancel the -400px  of the top margin to have the page well displayed on the mobile?

Thanks in advance.

Cinzia

Albert

To remove this padding from mobile, you need to wrap the custom css you created for screens larger than 1240px. All necessary @media rules you can find under responsive.css file. For more details about @media rules, please visit http://www.w3schools.com/cssref/css3_pr_mediaquery.asp

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

websab

I thank you for you answer.

I find another way to solve the problem displaying the information in a different way and I solved the problem.

Best regars.

Albert

Ok, good to know!

Learn more: Video Tutorials | How To | FAQ Vote on what comes next