Issue with Mobile Display

Hello. Can you please help me figure out what is causing our site to be non-responsive, Google search displays the following: " Your page is not mobile-friendly". https://www.ohloulou.com Thank you!

Hi,

could you please share a screenshot of the aforementioned message ?

Please find it here:
https://1drv.ms/i/s!AsXLSpl_kyRyhs8GVOg6Tbyfb3axmg

I just opened the page you mentioned I suspect the problem is that the images do not scale in smaller resolutions and get cut off. There are two reasons:

1. the images have set dimensions, which is bad for mobile
2. there is not max-width:100% set for the images

First remove the dimensions of the images (where you add the images to the topic).

Then go to /admin/UrbanThemeAdmin/Settings and in the Custom Head Styles paste this code:

.topic-page .page-body img {
   max-width: 100%;
}

This should fix the problem with the "mobile-friendly" message.

Great, thank you very much, that solved the issue apart from logo that keeps the same size on mobile display?

Use this code:

@media all and (max-width: 1000px) {

.header-logo {
    max-width: 220px;
}

}

Awesome! Thank you, Aleksandar!

You are welcome, happy to help! If you have any other question, please let us know.