Support » Everything else WordPress » Header problem with mobile

  • Resolved quardlipy

    (@quardlipy)


    Hey,

    I have a problem whit a website’s mobile version.
    In desktop view there isnt any problem, but in mobile version the header’s height is too big/long.

    One of the sizes is 790×20185

    Look like.: Link

    Thanks

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Zworthkey

    (@danielbora123)

    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

    Thread Starter quardlipy

    (@quardlipy)

    It doesnt work 🙁

    Vlad T

    (@vladytimy)

    @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!

    Thread Starter quardlipy

    (@quardlipy)

    Thankyou so much 🙂

    • This reply was modified 11 months ago by quardlipy.
Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Header problem with mobile’ is closed to new replies.