Digital experiences for all disciplines
New Landing › How can we help? › Themeforest Theme Support › Flexform › Right side of full-width text blocks 'eaten' on mobile version of website
New Landing › How can we help? › Themeforest Theme Support › Flexform › Right side of full-width text blocks 'eaten' on mobile version of website
- This topic has 14 replies, 4 voices, and was last updated 8 years by Mohammad – SUPPORT.
-
Posted in: Flexform
-
December 16, 2015 at 5:44 am #235755
Hi, Swift Ideas. I’m having the issue that the full-width text blocks on the mobile version of my website have their right side ‘eaten’. They look like they’re extending beyond the width of the screen. How can I solve this? Thank you.
December 16, 2015 at 7:48 am #235770Hi,
Please attach marked screenshot to indicate the issue.
Thanks
MohammadDecember 16, 2015 at 8:04 am #235776Attached is a screenshot of the issue. Thanks!
Attachments:
You must be logged in to view attached files.December 16, 2015 at 8:24 am #235781Hi,
Please use this custom css code:-@media screen and (min-width: 767px) { .wpb_call_text h2{ font-size: 27px !important; width: 96% !important; line-height: 35px !important; } }
Thanks
MohammadDecember 16, 2015 at 8:38 am #235782Thanks for the quick reply! I’ve added this to the theme but it doesn’t work. The issue’s still there and actually it’s the content of the text blocks that has the issue, making the larger texts, smaller texts and button inside all shifting to the right.
December 16, 2015 at 10:49 am #235819Hi,
Please insert this code at Admin -> Theme Options -> Custom CSS. And check after clear the cache.
Thanks
MohammadDecember 16, 2015 at 11:29 am #235842Sure. I’ve inserted the code to Custom CSS in General Options in Theme Options. I’ve also tried clearing cache in my desktop browser and phone browser and tested the website with Chrome dev tools and phone browser, but the results are the same. What else can I do? Thanks!
December 16, 2015 at 12:22 pm #235858Hi,
Please remove my last code and use this new code:-@media screen and (max-width: 767px) { .wpb_call_text h2{ font-size: 27px !important; width: 96% !important; line-height: 35px !important; } }
There was one little mistake in code.
Thanks
MohammadDecember 16, 2015 at 3:02 pm #235910Lovely! They’re perfect now after further adjustments. Thank you Swift Ideas.
December 16, 2015 at 3:17 pm #235913Great! Thanks Mohammad
– Kyle
February 18, 2016 at 7:16 pm #250512Hi, I am also having this same issue in the full width text box when using my mobile phone (see attached pic). I tried the new code given above but this does not seem to work. In case it helps, I am using ‘Heading 2’ for the title text in the box, and ‘Heading 4’ for the smaller text.
The issue is only happening when I am using an Alt background in the full width text box. With no Alt background there is no problem.
Attachments:
You must be logged in to view attached files.February 19, 2016 at 7:06 am #250567Hi,
Please provide always specific page url with issue to check and resolve.
Thanks
MohammadFebruary 27, 2016 at 2:40 am #252363This reply has been marked as private.February 27, 2016 at 2:52 am #252365Hi Mohammad,
Please disregard my last post. I was able to resolve the issue. David with your team recently helped me center the testimonials slider text that I was having the same issue with, so I linked the extra class name in the full width text box to the same css code David gave me for the slider. Issue resolved.
February 29, 2016 at 7:39 am #252544Hi,
I am glad that your issues resolved.
Thanks
Mohammad -
Posted in: Flexform
You must be logged in and have valid license to reply to this topic.