Tagged: , , , , ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • January 18, 2019 at 6:37 pm #1055594
    hotspot01

    There is a massively large gap below the menu (and slide out menu) when my website goes to mobile. This gap is making some people think there is an error on their cart or checkout page and then we lose an order. My client is not happy.

    I thought this problem was solved before when in a previous thread (see this thread: Large gap below menu NEED URGENT HELP!!) this code seemed to work. For some weird reason the gap is back and for the life of me I can’t figure out why. Can someone please help me figure this out.

    @media only screen and (max-width: 767px) {
.responsive.html_custom #top.woocommerce #wrap_all #header.all_colors {
    height: 80px !important; 
}
    January 20, 2019 at 8:05 am #1056066
    Rikard

    Hey Chris,

    Thanks for the details, though I can’t see a large gap on my end. Are you sure that you are not getting cached results? Running a caching plugin might cause that for instance. When to not use a caching plugin in WordPress.

    Best regards,
    Rikard

    January 20, 2019 at 8:20 am #1056067
    hotspot01

    Yep. It is defintiely therer. I am using Far Future Exoiry but even with . it deactivated the gap is still there.

    https://i.postimg.cc/tTNnVygX/Screen-Shot-2019-01-19-at-11-13-19-PM.png

    Try adding a product to you cart and then go to ”View Cart’ or ‘Checkout’. Those pages specifically it shows up on mobile or if the viewing area is small enough.

    January 21, 2019 at 5:11 am #1056409
    Rikard

    Hi,

    Thanks for the clarification, I see the same thing on my end on the cart page. Your CSS is being served from the Autoptimize plugin though, could you try to deactivate that to see if it makes any difference please?

    Best regards,
    Rikard

    January 28, 2019 at 6:48 pm #1059760
    hotspot01

    Hi Rikard,

    I’ve disabled the auto optimize plugin and the issues is still there.

    January 29, 2019 at 4:27 pm #1060067
    Nikko

    Hi hotspot01,

    I have added this css code in your Quick CSS which should work, however the new css isn’t fetched because of the caching:

    @media only screen and (max-width:479px) {
  .responsive .logo img,
  .responsive #top #wrap_all #header {
    max-height: 80px !important;
  }

  .responsive #top .av-main-nav #menu-item-search {
    margin-top: -34px !important;
  }
}

    Best regards,
    Nikko

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.