Horizontal Scrolling + Text Alignment

  • Resolved gilch

    (@gilch)


    3 years, 6 months ago

    Hello,

    I have 2 questions regarding CSS style:

    1. On mobile device, how do I disable the Horizontal scrolling on my page (the page is moving right and left):
    https://www.cbdbestreview.com/cbd-frequently-asked-questions/
    The scrolling started once I added the Ultimate FAQ Plugin to my FAQ page. In all other pages it doesn’t happen.

    2. When I open one of the questions (click on ‘+’), the answer (text) got some padding to the right. How do I align it with the Question title?

    Thanks,

    Gil

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Support jaysupport

    (@jaysupport)

    Hello Gil,

    1) Unfortunately, I was not able to recreate this issue on my end. When I look at your site, there is never any horizontal scrolling on the FAQ page, no matter the device or browser. What mobile device and browser were you using?

    2) You can use the following Custom CSS to modify this. You can paste it in Options > Basic > Custom CSS box.

    .ewd-ufaq-faq-body {
    padding: 10px 25px !important;
}
    Thread Starter gilch

    (@gilch)

    Hi,

    Thank you for your answers.

    Regarding #1 – I am using an iPhone 11, and I am able to see the issue both on the Safari browser and Chrome. Steps to reproduce it from an iPhone:
    1. Open Safari / Chrome and go to: https://www.cbdbestreview.com
    2. From the site menu, choose Helpful Tools sub menu, and then click on ‘Frequently Asked Questions’ option.
    3. After page loads, try to scroll right and left and you will notice that the page is moving left and right, as opposed to all other pages on the site. The page should move only up and down.

    Please note: you cannot see this issue on desktop emulator.

    Regarding #2 – your suggestion works great ??

    Thanks,

    Gil

    Plugin Support jaysupport

    (@jaysupport)

    Hi Gil,

    That’s really strange that it doesn’t show up in any emulation or even on a similar device. I don’t have access to a physical iPhone 11 to confirm, so could you try the following Custom CSS and let me know if that makes a difference?

    @media only screen and (-webkit-min-device-pixel-ratio: 2) {
    .postid-2145 html, 
    .postid-2145 body {
      overflow-x: hidden;
    }
    .postid-2145 body {
      position: relative;
    }
}
Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Horizontal Scrolling + Text Alignment’ is closed to new replies.