Promotion Banner – Word Responsiveness on Mobile

[SausageBap]

Hi,

I’ve set-up some promotion banners on my front page, on some mobile devices the text strings do not adjust and disappear off the edge of the Banner in portrait.  This only happens on some devices and sometimes can be rectified by putting the device into landscape and then back to portrait this then adjusts the size of the text correctly, on other devices this does not fix the issue.  Could you let me know how I can rectify this.

Thanks

[Foster]

Hi,

This is what I can see on iPhone 5 http://take.ms/GhUcn it looks good. Could you please take some screenshot to explain more about this issue?

Thank you

[SausageBap]

Hi,

This is what it looks like on a Samsung Galaxy Tab, plus I’ve seen this on some iPhones.

Thanks

Attachments:

You must be logged in to view attached files.

[Foster]

Hi,

I saw it, could you please provide me a temporary admin account to fix this issue?

[SausageBap]

Hi,

I have created you an admin, let me know how I can send the details to you privately.

Thanks

[Harry]

Hi,

Is your issue is Instagram Feed?

You can send private reply for us by check in this http://take.ms/Y0u3l

Best regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[SausageBap]

This reply has been marked as private.

[Harry]

Hi,

You can add custom css in JanStudio > Theme Option > General Layout > Custom CSS to fix

@media only screen and (min-width: 737px) and (max-width: 1024px) {
.jas-promotion h3, .jas-promotion h4 {
white-space: normal;
}
}

Best regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[SausageBap]

Hi,

Thanks, this code seems to have work, I had to reduce the min-width to 375px for some iPhones.

Thanks for your support.

[Ryteirvakare]

Hi there,

I have a similar problem. The text of the promotion bar in the mobile version is not mobile friendly and does not appear correctly. Could please help us with that?

Best wishes,
Paulius

Attachments:

You must be logged in to view attached files.

[Harry]

Hi Ryteirvakare,

Could you send us your site link. We need to closer check before give you solution.

Thanks

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[Ryteirvakare]

This reply has been marked as private.

[Harry]

Hi Ryteirvakare,

You can fix by add custom css in Claue > Theme Option > General Layout > Custom CSS

@media only screen and (max-width: 414px) {
.jas-promotion h3 { font-size: 28px !important; line-height: 1 !important;margin-bottom: 15px !important;}

.jas-promotion h4 { font-size: 16px !important; line-height: 1 !important;margin-bottom: 20px !important;}
}

Best regards

 

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[Author]

Posts