Title: Header
Last modified: May 31, 2022

---

# Header

 *  Resolved [a.c.james](https://wordpress.org/support/users/acjames-1/)
 * (@acjames-1)
 * [3 years, 12 months ago](https://wordpress.org/support/topic/header-198/)
 * Hey, I’m using the Hestia Theme on [https://www.notwellbehavedwomen.com/](https://www.notwellbehavedwomen.com/)
   
   for a charity anthology I’m helping out with. It looks great except on mobile.
 * 1. First, the header, I added this CSS and it improved the image on
    mobile quite
   a bit, but now the very top of it cuts off. So I figured I’d just get rid of 
   the menu and also the overlay on the header image because it looks better without
   it. The code works in the previewer, but when I look at the published site the
   menu is still there and so is the overlay. This is the code I’m using:
 * .home #carousel-hestia-generic {height:700px;}
 * .home .header-filter {height:700px;}
 * [@media](https://wordpress.org/support/users/media/) all and (min-width:320px)
   and (max-width: 768px) {
 * .home #carousel-hestia-generic {height:300px;}
 * .home .header-filter {height:300px; }
 * }
    .header-filter::before {
 * background-color: unset !important;
 * }
    .navbar {display:none;}
 * In addition, I have a few other minor issues on mobile only:
 * 2. The Shop section only contains ONE product because this is more or
    less a
   landing page. However, on both desktop and mobile, the product is not centered.
   It’s left-aligned.
 * 3. On the Shop section on mobile the heading that I title as ‘Pre-Order’
    is 
   not centered. (Only on mobile.)
 * 4. The Testimonial Heading that I title as ‘Reviews’ is not centered on
    mobile
   either. (Only on mobile.)`
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fheader-198%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 1 replies (of 1 total)

 *  [luciamarinescu](https://wordpress.org/support/users/luciamarinescu/)
 * (@luciamarinescu)
 * [3 years, 11 months ago](https://wordpress.org/support/topic/header-198/#post-15748679)
 * Hi [@acjames-1](https://wordpress.org/support/users/acjames-1/),
 * Thanks for choosing Hestia and sorry for the delayed reply!
 * I checked your site, but for me the menu and the overlay don’t appear, so there
   may be a caching issue on your end if you still see them. Please clear the cache(
   browser and plugin, if you use any caching plugin) and check again.
 * To align the product from the shop section on the center of the page on desktop,
   adding the code below in the Additional CSS section within the Customizer should
   do the trick.
 *     ```
       @media(min-width: 1201px){
       .home .hestia-shop .container .hestia-shop-content .row {
            justify-content: center !important; 
       }
       }
       ```
   
 * To align the product and the title from the shop section on mobile on the center
   of the page, the following code should be used.
 *     ```
       @media(max-width: 1200px){
       .home .hestia-shop .container .row{
            justify-content: center !important;
       }
       }
       ```
   
 * To center align the title from the testimonials section on mobile devices, you
   could use this code:
 *     ```
       @media(max-width: 1200px){
       .home .hestia-testimonials .container .row {
            justify-content: center !important;
       }
       }
       ```
   
 * Have a nice day!

Viewing 1 replies (of 1 total)

The topic ‘Header’ 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/)

## Tags

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

 * 1 reply
 * 2 participants
 * Last reply from: [luciamarinescu](https://wordpress.org/support/users/luciamarinescu/)
 * Last activity: [3 years, 11 months ago](https://wordpress.org/support/topic/header-198/#post-15748679)
 * Status: resolved