New Landing How can we help? Themeforest Theme Support Flexform Right side of full-width text blocks 'eaten' on mobile version of website

Viewing 15 posts - 1 through 15 (of 15 total)
  • Posted in: Flexform
  • #235755
    hovivian
    Member
    Post count: 6

    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.

    #235770
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Please attach marked screenshot to indicate the issue.
    Thanks
    Mohammad

    #235776
    hovivian
    Member
    Post count: 6

    Attached is a screenshot of the issue. Thanks!

    Attachments:
    You must be logged in to view attached files.
    #235781
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    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
    Mohammad

    #235782
    hovivian
    Member
    Post count: 6

    Thanks 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.

    #235819
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Please insert this code at Admin -> Theme Options -> Custom CSS. And check after clear the cache.
    Thanks
    Mohammad

    #235842
    hovivian
    Member
    Post count: 6

    Sure. 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!

    #235858
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    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
    Mohammad

    #235910
    hovivian
    Member
    Post count: 6

    Lovely! They’re perfect now after further adjustments. Thank you Swift Ideas.

    #235913
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Great! Thanks Mohammad

    – Kyle

    #250512
    aaustin69
    Member
    Post count: 115

    Hi, 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.
    #250567
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Please provide always specific page url with issue to check and resolve.
    Thanks
    Mohammad

    #252363
    aaustin69
    Member
    Post count: 115
    This reply has been marked as private.
    #252365
    aaustin69
    Member
    Post count: 115

    Hi 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.

    #252544
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    I am glad that your issues resolved.
    Thanks
    Mohammad

Viewing 15 posts - 1 through 15 (of 15 total)

You must be logged in and have valid license to reply to this topic.

License required for the following item
Login and Registration Log in · Register