Title: MOBILE HEADER PROBLEM
Last modified: December 29, 2021

---

# MOBILE HEADER PROBLEM

 *  Resolved [sonertan](https://wordpress.org/support/users/sonertan/)
 * (@sonertan)
 * [4 years, 5 months ago](https://wordpress.org/support/topic/mobile-header-problem-4/)
 * Hello, as soon as the mobile user visits the site, the header section first looks
   broken and then gets fixed. Can you help with this? Visit the site on mobile 
   and pay attention to the header section in page transitions
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fmobile-header-problem-4%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

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

 *  [Kris](https://wordpress.org/support/users/c0nst/)
 * (@c0nst)
 * [4 years, 5 months ago](https://wordpress.org/support/topic/mobile-header-problem-4/#post-15203605)
 * Hi [@sonertan](https://wordpress.org/support/users/sonertan/)!
 * Please use this CSS code to fix the problem:
 *     ```
       #header .dgwt-wcas-search-wrapp.dgwt-wcas-layout-icon {
           width: 20px !important;
       }
       ```
   
 * Paste it into Appearance -> Customize -> Additional CSS. If you aren’t familiar
   with custom CSS, take a look at this [video](https://www.youtube.com/watch?v=f0_6aeZEV58).
 * Regards,
    Kris
 *  Thread Starter [sonertan](https://wordpress.org/support/users/sonertan/)
 * (@sonertan)
 * [4 years, 5 months ago](https://wordpress.org/support/topic/mobile-header-problem-4/#post-15204452)
 * The problem persists. Visit the site from mobile and pay attention to the header
   section, first it looks broken, then it gets better.
    When first logging in: 
   [https://prnt.sc/254jtg6](https://prnt.sc/254jtg6) It gets fixed later: [https://prnt.sc/254jxku](https://prnt.sc/254jxku)
 *  [Kris](https://wordpress.org/support/users/c0nst/)
 * (@c0nst)
 * [4 years, 5 months ago](https://wordpress.org/support/topic/mobile-header-problem-4/#post-15206610)
 * I have modified this CSS code. Please try it now.
 *     ```
       #header .dgwt-wcas-search-wrapp {
           width: 20px !important;
           height: 20px !important;
       }
       ```
   
 *  Thread Starter [sonertan](https://wordpress.org/support/users/sonertan/)
 * (@sonertan)
 * [4 years, 5 months ago](https://wordpress.org/support/topic/mobile-header-problem-4/#post-15206796)
 * I tried, but the same problem persists.
 *  [Kris](https://wordpress.org/support/users/c0nst/)
 * (@c0nst)
 * [4 years, 5 months ago](https://wordpress.org/support/topic/mobile-header-problem-4/#post-15209286)
 * [@sonertan](https://wordpress.org/support/users/sonertan/) Three times lucky.
   This time code must work:
 *     ```
       #header .custom-html {
           width: 20px !important;
           height: 20px !important;
       }
       ```
   
 * Here is a result video when I used this code: [https://drive.google.com/file/d/1ewDNj2aMBEq0I6bqcqIIAC4a_i5Jxuhc/view?usp=sharing](https://drive.google.com/file/d/1ewDNj2aMBEq0I6bqcqIIAC4a_i5Jxuhc/view?usp=sharing)
 * Regards,
    Kris

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

The topic ‘MOBILE HEADER PROBLEM’ is closed to new replies.

 * ![](https://ps.w.org/ajax-search-for-woocommerce/assets/icon-256x256.png?rev=
   2883754)
 * [FiboSearch - Ajax Search for WooCommerce](https://wordpress.org/plugins/ajax-search-for-woocommerce/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/ajax-search-for-woocommerce/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/ajax-search-for-woocommerce/)
 * [Active Topics](https://wordpress.org/support/plugin/ajax-search-for-woocommerce/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/ajax-search-for-woocommerce/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/ajax-search-for-woocommerce/reviews/)

## Tags

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

 * 5 replies
 * 2 participants
 * Last reply from: [Kris](https://wordpress.org/support/users/c0nst/)
 * Last activity: [4 years, 5 months ago](https://wordpress.org/support/topic/mobile-header-problem-4/#post-15209286)
 * Status: resolved