Title: Mobile Version Does not Format Homepage
Last modified: August 3, 2020

---

# Mobile Version Does not Format Homepage

 *  Resolved [fbadal](https://wordpress.org/support/users/fbadal/)
 * (@fbadal)
 * [5 years, 9 months ago](https://wordpress.org/support/topic/mobile-version-does-not-format-homepage/)
 * Hello!
 * I am currently trying to work on the homepage for my website, and it looks great
   on deskptop, but when you do mobile, the frontpage looks bad.
 * The Homepage is Divided by:
 * 1. Big Title
    2. Our Approach 3. Recetn Articles 4. Subscribe
 * For Mobile, is there any way to make the “Our Approach side” into like one bar,
   so users can immediately see the recent article section?
 * On a related note, the only reason I have the “Recent Article” side under “Our
   Approach” is because on Hestia, the about section on the homepage is the ONLY
   part I can i clude my articles using Elementor, and for aesthetic reasons I had
   to but the white “Our Approach” section.
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fmobile-version-does-not-format-homepage%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

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

 *  [Betty](https://wordpress.org/support/users/betydbr/)
 * (@betydbr)
 * [5 years, 9 months ago](https://wordpress.org/support/topic/mobile-version-does-not-format-homepage/#post-13206710)
 * Hi [@fbadal](https://wordpress.org/support/users/fbadal/),
 * Hestia is designed to show the elements from your “Our approach” section like
   this on the mobile version, one under the other, not to look too cramped. To 
   make this in one line, it would be necesary pretty much custom code.
    However,
   I saw that you have a big padding between the elements and you can make them 
   look more compact by adding the following code in your Appearance -> Customize-
   > Additional CSS:
 *     ```
       .hestia-features .hestia-info {
           padding: 0px !important;
       }
       ```
   
 * Hope that helps!
 *  Thread Starter [fbadal](https://wordpress.org/support/users/fbadal/)
 * (@fbadal)
 * [5 years, 9 months ago](https://wordpress.org/support/topic/mobile-version-does-not-format-homepage/#post-13210832)
 * Hi Betty,
 * Thank you for providing the additional CSS. On mobil, it looks much better. For
   desktop version, on the “Our Approach” section, is there anyway to move the ‘
   our approach’ text higher? It’s too close to the twitter emblem.
 * Best,
    Fahim
 *  [Betty](https://wordpress.org/support/users/betydbr/)
 * (@betydbr)
 * [5 years, 9 months ago](https://wordpress.org/support/topic/mobile-version-does-not-format-homepage/#post-13211304)
 * Sure!
 * Add the code below in your Additional CSS section:
 *     ```
       .hestia-features .hestia-title {
            margin-top: 0px !important;
            margin-bottom: 20px;
       }
       ```
   

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

The topic ‘Mobile Version Does not Format Homepage’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/hestia/3.3.4/screenshot.png)
 * Hestia
 * [Support Threads](https://wordpress.org/support/theme/hestia/)
 * [Active Topics](https://wordpress.org/support/theme/hestia/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/hestia/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/hestia/reviews/)

 * 3 replies
 * 2 participants
 * Last reply from: [Betty](https://wordpress.org/support/users/betydbr/)
 * Last activity: [5 years, 9 months ago](https://wordpress.org/support/topic/mobile-version-does-not-format-homepage/#post-13211304)
 * Status: resolved