Header problem with mobile

Hi,
I seen your website, the problem is in media query margin is 1000px is given. If you can change that to none then it will work fine.

Either way is to paste this code to your style sheet

@media screen and (max-width: 720px)
.search-box {
     margin: 0px;
}

Hope that will work if not let me know.
Thank You

It doesnt work ??

@danielbora123 ‘s suggestion is prefectly valid. Kudos to you for finding that rogue style rule – It’s quite hidden.

However, I don’t recommend editing directly the stylesheet, otherwise your changes will be overwritten whenever the theme is updated. A custom CSS editor (Additional CSS) is found at Dashboard – Appereance – Customize – Additional CSS in the Customizer. Also, this code is loaded later, so it should override previous CSS.

So, try adding this in Dashboard – Appereance – Customize – Additional CSS

@media screen and (max-width: 720px){
    .search-box {
     margin:0;
    }
}

You can learn how to use the Chrome Developer Tools or Firefox Developer Tools to help you see and test changes to your CSS.

Hope this helps,
Kind regards!

Thankyou so much ??

• This reply was modified 4 years ago by quardlipy.