Title: mobile header
Last modified: July 5, 2020

---

# mobile header

 *  [softicyazilim](https://wordpress.org/support/users/softicyazilim/)
 * (@softicyazilim)
 * [5 years, 10 months ago](https://wordpress.org/support/topic/mobile-header-7/)
 * while showing for wide screen, the header uses sliders background, shade on it
   but
    for mobile the header does not use sliders background just a dark blue it
   seems. is it possible to make it use the sliders background too
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fmobile-header-7%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

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

 *  [akhlesh-nagar](https://wordpress.org/support/users/akhlesh-nagar/)
 * (@akhlesh-nagar)
 * [5 years, 10 months ago](https://wordpress.org/support/topic/mobile-header-7/#post-13075334)
 * Hi
    Thanks for contacting to us. For this go to Appearance >> customizer >> Find
   the additional css box. Add the below css code inside the custom css box.
 *     ```
       @media (max-width: 500px) {
       .navbar-overlapped 
       {
           position: absolute ! important;
           background-color: rgba(0,0,0,0.2) ! important;
       }
       slider .format-standard 
       {
           top: 55%;
       }
       }
       ```
   
 * Let me know for any confusion.
 * Thanks
    SpiceTheme Support
 *  Thread Starter [softicyazilim](https://wordpress.org/support/users/softicyazilim/)
 * (@softicyazilim)
 * [5 years, 10 months ago](https://wordpress.org/support/topic/mobile-header-7/#post-13076672)
 * thank you it worked but now the slider title comes on header
    maybe making header
   smaller or getting slider title a little bit downside of the page could work 
   but i dont know how to do it
 * i tried to change the 55 value but nothing changed
 *     ```
       slider .format-standard 
       {
           top: 55%;
       }
       ```
   
 *  [akhlesh-nagar](https://wordpress.org/support/users/akhlesh-nagar/)
 * (@akhlesh-nagar)
 * [5 years, 10 months ago](https://wordpress.org/support/topic/mobile-header-7/#post-13077066)
 * Hi
    Oop, I forgot to add a dot(.) before the slider class. Pls, use the below
   CSS code.
 *     ```
       @media (max-width: 500px) 
       {
       .slider .format-standard 
       {
           top: 55% !important;
       }
       }
       ```
   
 * Let me know for any confusion.
 * Thanks
    -  This reply was modified 5 years, 10 months ago by [akhlesh-nagar](https://wordpress.org/support/users/akhlesh-nagar/).
 *  Thread Starter [softicyazilim](https://wordpress.org/support/users/softicyazilim/)
 * (@softicyazilim)
 * [5 years, 10 months ago](https://wordpress.org/support/topic/mobile-header-7/#post-13077131)
 * thank you very much
 *  [akhlesh-nagar](https://wordpress.org/support/users/akhlesh-nagar/)
 * (@akhlesh-nagar)
 * [5 years, 10 months ago](https://wordpress.org/support/topic/mobile-header-7/#post-13077186)
 * Hi
    Glad to know that its resolved. If you really like our theme and support 
   pls give rate us here. [https://wordpress.org/support/theme/certify/reviews/](https://wordpress.org/support/theme/certify/reviews/)
 * Thanks
    Akhilesh
    -  This reply was modified 5 years, 10 months ago by [akhlesh-nagar](https://wordpress.org/support/users/akhlesh-nagar/).

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

The topic ‘mobile header’ is closed to new replies.

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

## Tags

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

 * 5 replies
 * 2 participants
 * Last reply from: [akhlesh-nagar](https://wordpress.org/support/users/akhlesh-nagar/)
 * Last activity: [5 years, 10 months ago](https://wordpress.org/support/topic/mobile-header-7/#post-13077186)
 * Status: not resolved