Title: Alignment on mobile
Last modified: November 29, 2016

---

# Alignment on mobile

 *  Resolved [webharvest](https://wordpress.org/support/users/webharvest/)
 * (@webharvest)
 * [9 years, 5 months ago](https://wordpress.org/support/topic/alignment-on-mobile/)
 * 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](https://wordpress.org/support/users/themesumo/)
 * (@themesumo)
 * [9 years, 5 months ago](https://wordpress.org/support/topic/alignment-on-mobile/#post-8491085)
 * Can you add a link to your site please and I’ll try to provide you with a CSS
   solution.
 * Thanks.
 *  Thread Starter [webharvest](https://wordpress.org/support/users/webharvest/)
 * (@webharvest)
 * [9 years, 5 months ago](https://wordpress.org/support/topic/alignment-on-mobile/#post-8494022)
 * 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/](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](https://wordpress.org/support/users/etoilewebdesign/)
 * (@etoilewebdesign)
 * [9 years, 5 months ago](https://wordpress.org/support/topic/alignment-on-mobile/#post-8494657)
 * 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](https://wordpress.org/support/users/webharvest/)
 * (@webharvest)
 * [9 years, 5 months ago](https://wordpress.org/support/topic/alignment-on-mobile/#post-8494761)
 * Thank you that worked perfectly.

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

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

 * ![](https://ps.w.org/ultimate-faqs/assets/icon-128x128.png?rev=1803957)
 * [Ultimate FAQ Accordion Plugin](https://wordpress.org/plugins/ultimate-faqs/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/ultimate-faqs/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/ultimate-faqs/)
 * [Active Topics](https://wordpress.org/support/plugin/ultimate-faqs/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/ultimate-faqs/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/ultimate-faqs/reviews/)

## Tags

 * [css](https://wordpress.org/support/topic-tag/css/)
 * [Mobile Views](https://wordpress.org/support/topic-tag/mobile-views/)

 * 4 replies
 * 3 participants
 * Last reply from: [webharvest](https://wordpress.org/support/users/webharvest/)
 * Last activity: [9 years, 5 months ago](https://wordpress.org/support/topic/alignment-on-mobile/#post-8494761)
 * Status: resolved