SKT FITNESS – aspect ratio of images in RWD

[Izabela]

Hello,
can you please help us to eliminate the problem with latest news images.
Images uploaded to latest news according to the image size in css style show up in the desktop version as it should be. Unfortunately while viewing website on the mobile (adroid and ios) latest news images propotions are changed with lost of aspect ratio (wrong propotions of resizing).
Can you please help us to solve this problem?

Looking forward to hear from you 🙂
Regards,
I&K

[Sonl Sinha]

Hi Izabela,

Yes sure, Kindly show us your website URL.

Regards,
Dave

[Izabela]

Hello Dave,

the URL has been sent to you through the contact form, choosing “Support request” category and giving my original post number (#24112) in the text to help identify the message.

Best regards,
Izabela

[Sonl Sinha]

Hi Izabela,

Kindly go to Appereance>>Theme Option>>Basic Setting>>Custom CSS Box

Add this code:

@media screen and (max-width:767px) {
.news .newsthumb, .news .newsthumb img{ height:auto;}
}

Regards,
Dave

[Izabela]

Hello Dave,

Thank you for your help – adding the code solved the problem.

Regards,
Izabela

[Izabela]

Hello again,
we have the same problem with graphics in other sections – our team and header image – while viewing website on the mobile (android and ios) images proportions are changed with lost of aspect ratio (wrong propotions of resizing).

One more problem we cant solve – command <!more> in latest news is not always working properly.As you can see on our website “more” shows in one of latest news, but you cant see it in second one – even though we put this command in the same place in both texts.

Thanks a lot for your help.
Regards,
I.

[Izabela]

Hi,

We will be grateful for confirmation if you got our question read and thus if we can kindly count on getting answer for current issues too.

Regards
I&K

[Sonl Sinha]

Hi Izabela,

Kindly add this code in custom css box:

@media screen and (max-width:767px) {
.innerbanner img{height:auto !important;}
}

Instructor images are appear fine in mobile view.

Regards,
Dave

[Izabela]

Thank you.

Can you also help with the <!more> command issue I wrote about earlier?

One more problem we cant solve – command <!more> in latest news is not always working properly.As you can see on our website “more” shows in one of latest news, but you cant see it in second one – even though we put this command in the same place in both texts.

In our language version the button “more” have text “więcej” – for your knowledge while viewing site. The link for full news doesn’t appear in the first news box, in the second it’s ok. The pasted command is the same in both cases – so I don’t know the problem’s reason.

Will be grateful for help.

Best regards
Izabela

[Author]

Posts