1

Just noticed that Responsive Web Design doesn't work correctly for a desktop version of website. After reaching a footer with page scrolling, pages of website can be scrolled far further (just scrolling through empty space to the page end). At the same time, for a mobile version everything works fine, page is not scrollable after reaching a footer.

It doesn't matter whether I use native Magento Luma or other theme. The result is the same.

How this issue can be fixed?

Will be grateful for any help.

1. A desktop version:

enter image description here

2. A mobile version:

enter image description here

1 Answer 1

1

EDIT:

OK, I found a bug. It is simple. Look at your menu: Телефони -> Недорогі мобільні телефони -> submenu (its height is above 11k px!!!).

You have to change your styles, something like that:

@media screen and (min-width: 768px) {
  .subchildmenu .subchildmenu {
      max-height: 300px;
      overflow: auto;
  }
}

That's mean your submenu's submenu will have max-height 300px and scrollbar will appear (because overflow: auto).

Consider whether you should also set the maximum height for the first sub-menu to avoid such a situation in the future.

6
  • Thank you for your answer. Still can't find anything suspicious in CSS. How I can correct this footer margin with theme's custom CSS in Admin panel. F.e. example I can fix a footer position with such lines of code: .page-footer { position: fixed; } Sep 29, 2022 at 19:02
  • It's seems like there is not enough content on the page. I just need to auto-adjust page height to an available content. Sep 29, 2022 at 20:53
  • Can you provide a link to this store?
    – GieDe
    Sep 30, 2022 at 6:57
  • link A mobile version works fine. The problem appears with a desktop version. Sep 30, 2022 at 7:59
  • 1
    Oh! These were just dummy categories for testing purposes in Телефони -> Недорогі мобільні телефони. And it's appeared that they broke a style :) Final version of the website's menu will not include this level of categories at all. Though I fixed the issue with your code for both: dummy categories and its parent category. Your help is priceless! Thank you very much ;) Sep 30, 2022 at 11:49

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.