0

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

Improve this question

1 Answer 1

Reset to default
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.

Improve this answer
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; }
    – slavikusq75
    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.
    – slavikusq75
    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.
    – slavikusq75
    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 ;)
    – slavikusq75
    Sep 30, 2022 at 11:49

Your Answer

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

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