Alignment on mobile

  • Resolved webharvest

    (@webharvest)


    9 years, 5 months ago

    I’m trying to implement your plugin in on a responsive site. I really like the look but when I have a long question and view my FAQ page on a phone (so the question text takes two lines) the icon is above the question instead of to the left of the question. Is there a way to force the question div to stay to the right of the icon div (i.e. the icon stays to the left of the first line of text in the question)?

    This seems like a dumb thing but it really makes the page look bad on mobile phones.

    Thank you for any help

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

    (@themesumo)

    9 years, 5 months ago

    Can you add a link to your site please and I’ll try to provide you with a CSS solution.

    Thanks.

    Thread Starter webharvest

    (@webharvest)

    9 years, 5 months ago

    The site isn’t live yet since it is still under development but I can show you on another site. If you go you your documentation site which appears to use the plugin
    http://www.etoilewebdesign.com/plugins/ultimate-faq/documentation-ultimate-faq/

    And change the width of the your browser once you get down to about 25% you will see the question text drop down below the + symbol. You can also go to the link about on your mobile phone and see the same behavior.

    etoilewebdesign

    (@etoilewebdesign)

    9 years, 5 months ago

    Hi Web,

    Something like this can easily be corrected by using a bit of custom CSS to decrease the width of the div to the right of the icon. Try adding the following to the “Custom CSS” box in the “Basic” area of the “Settings” tab:

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

    P.S. Thank you ThemeSumo for offering your assistance. It is much appreciated!

    Thread Starter webharvest

    (@webharvest)

    9 years, 5 months ago

    Thank you that worked perfectly.

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

The topic ‘Alignment on mobile’ is closed to new replies.