Title: Poor Mobile Experience
Last modified: March 1, 2020

---

# Poor Mobile Experience

 *  Resolved [spruc3w00d](https://wordpress.org/support/users/spruc3w00d/)
 * (@spruc3w00d)
 * [6 years, 6 months ago](https://wordpress.org/support/topic/poor-mobile-experience/)
 * Why does my website, running the Spacious theme, look so terrible on mobile devices?
   Especially the Header, Main Menu, and Slider areas? (ie: iPhone 11, any browser)
   Also, how can I push the Main Menu down so it sits just above the Slider or inline
   with my logo? (ie: desktop) Thank you.
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fpoor-mobile-experience%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

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

 *  [Nitu – ThemeGrill Support](https://wordpress.org/support/users/nitushrestha10/)
 * (@nitushrestha10)
 * [6 years, 6 months ago](https://wordpress.org/support/topic/poor-mobile-experience/#post-12497518)
 * [@spruc3w00d](https://wordpress.org/support/users/spruc3w00d/)
 * If you have change the theme code on your own then can you revert back the changes
   done and check?
 * Thanks.
 *  Thread Starter [spruc3w00d](https://wordpress.org/support/users/spruc3w00d/)
 * (@spruc3w00d)
 * [6 years, 6 months ago](https://wordpress.org/support/topic/poor-mobile-experience/#post-12500818)
 * Thank you for your response, Nitu. I solved the Main Header Menu (desktop) issue
   by increasing the padding. Looks much better now. I also reduced some of the 
   text in the Top Header Bar to ‘support@sprucewoodconsulting.com | 1-877-585-0956.’
   It looks better, but still not great. Is there any way to have this string of
   text centered at the top of a mobile browser window? It looks fine left-justified
   on a PC, but not my iPhone.
 * I made some simple changes per your recommendation, and it did not solve the 
   primary problem with the mobile experience. The main issue revolves around the‘
   Call to Action’ text and the ‘Contact Us’ button on the Main Slider Image (homepage).
   When you view the Homepage from a mobile device (ie: iPhone 11) the only text
   that’s visible is ‘Need Computer Help?’ Please look at the Homepage side-by-side,
   PC and Mobile device, to see exactly what I’m referring to.
 * Is there any way to reduce the overall size of the ‘Call to Action’ section (
   mobile browsers only), so all the text is visible on a mobile device? Can you
   supply me with some simple CSS code I can add that will make these changes?
 * Thank you for your time and attention to this matter. I look forward to your 
   response.
 *  [Nitu – ThemeGrill Support](https://wordpress.org/support/users/nitushrestha10/)
 * (@nitushrestha10)
 * [6 years, 6 months ago](https://wordpress.org/support/topic/poor-mobile-experience/#post-12501666)
 * [@spruc3w00d](https://wordpress.org/support/users/spruc3w00d/)
 * Can you add the below CSS code to Additional CSS box and check?
 *     ```
       @media screen and (max-width: 767px) {
       .small-info-text p {
           text-align: center !important;
       }
       }
       @media (max-width: 420px) {
         #featured-slider .entry-content, #featured-slider .slider-read-more-button {
           display: block;
         }
       }
       ```
   
 * Thanks.
 *  Thread Starter [spruc3w00d](https://wordpress.org/support/users/spruc3w00d/)
 * (@spruc3w00d)
 * [6 years, 5 months ago](https://wordpress.org/support/topic/poor-mobile-experience/#post-12514649)
 * Perfecto! Thank you for your help, Nitu! Cheers!

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

The topic ‘Poor Mobile Experience’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/spacious/1.9.12/screenshot.jpg)
 * Spacious
 * [Support Threads](https://wordpress.org/support/theme/spacious/)
 * [Active Topics](https://wordpress.org/support/theme/spacious/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/spacious/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/spacious/reviews/)

## Tags

 * [experience](https://wordpress.org/support/topic-tag/experience/)
 * [header](https://wordpress.org/support/topic-tag/header/)
 * [mobile](https://wordpress.org/support/topic-tag/mobile/)

 * 4 replies
 * 2 participants
 * Last reply from: [spruc3w00d](https://wordpress.org/support/users/spruc3w00d/)
 * Last activity: [6 years, 5 months ago](https://wordpress.org/support/topic/poor-mobile-experience/#post-12514649)
 * Status: resolved