Close

Issue with Mobile Display

[email protected]
7 years ago
#12711 Quote
Avatar
  • 10
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!
Aleks
7 years ago
#12712 Quote
Avatar
  • Moderator
  • 70
[email protected] wrote:
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 ?
Regards,
Aleksandar Ivanov
Nop-Templates.com
[email protected]
7 years ago
#12719 Quote
Avatar
  • 10

Please find it here:
https://1drv.ms/i/s!AsXLSpl_kyRyhs8GVOg6Tbyfb3axmg
Aleks
7 years ago
#12721 Quote
Avatar
  • Moderator
  • 70
[email protected] wrote:

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.
Regards,
Aleksandar Ivanov
Nop-Templates.com
[email protected]
7 years ago
#12731 Quote
Avatar
  • 10
Great, thank you very much, that solved the issue apart from logo that keeps the same size on mobile display?

Aleks
7 years ago
#12736 Quote
Avatar
  • Moderator
  • 70
[email protected] wrote:
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;
}

}
Regards,
Aleksandar Ivanov
Nop-Templates.com
[email protected]
7 years ago
#12737 Quote
Avatar
  • 10
Awesome! Thank you, Aleksandar!
Aleks
7 years ago
#12738 Quote
Avatar
  • Moderator
  • 70
[email protected] wrote:
Awesome! Thank you, Aleksandar!


You are welcome, happy to help! If you have any other question, please let us know.
Regards,
Aleksandar Ivanov
Nop-Templates.com