Mobile Device Portrait View Problem

  • Resolved webauthor

    (@webauthor)


    10 years, 3 months ago

    When looking at a FAQ in portrait mode via a mobile device such as phone, the FAQ looks like this:

    +
    The Question We’re Asking

    We’re trying to not have the question drop to the next line below the + symbol. For example, we’d like the questions to be displayed to the left of the + symbol and simply have the words used in the question wrap to the next line if it’s too long.

    + The Question We’re Asking

    If the question is too long, it should wrap to the next like, such as:

    + This is a really long question that can answered by
    clicking on this link

    Any ideas on how to make this happen? I’m using the non paid version of the plugin.

    Thanks

    https://ww.wp.xz.cn/plugins/ultimate-faqs/

Viewing 4 replies - 1 through 4 (of 4 total)
  • etoilewebdesign

    (@etoilewebdesign)

    10 years, 3 months ago

    Hi Web,

    It sounds like there may be a bit of a conflict with your theme and the FAQ not having a enough space to have the question and the + symbol on the same line. Could you provide us with a link to the page with your FAQ on it, so we could take a look at it and see if we can suggest any CSS edits that would help you get your desired affect?

    Thank you

    pbjon

    (@pbjon)

    10 years, 2 months ago

    Hi All,

    I’m using the paid version and have the same problem too. On most mobile devices in portrait mode, many questions will have to wrap onto 2 lines or more.

    For mine, the link is http://www.douglasvalleypaintball.co.uk/paintballing-answers/ (theme details at bottom of page)

    I’ve checked it on http://mobiletest.me/, same problem for each mobile device.

    Please advise, thanks.

    etoilewebdesign

    (@etoilewebdesign)

    10 years, 2 months ago

    Hi Jon,

    Try putting the following code in the “Custom CSS” box in the FAQ settings:

    .ufaq-faq-title-text {
width: 80%;
}

    That should give the title more breathing room and not make it go under the icon.

    pbjon

    (@pbjon)

    10 years, 2 months ago

    Hi,

    Thanks for the quick response. Yep, that does the trick.

    Thank you

    Jon

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Mobile Device Portrait View Problem’ is closed to new replies.