Generate Press - Product Category and Product pages Not adjusting inside the tab

Unfortunately, The off-canvas panel is also not working properly on mobile.

Adding the product page on the private information section

Hi there,

can you disable any cache plugins and then recheck the site ?

I only have SG Optimizer and WP-Rocket David. I tried disabling both , but still see the same issues on Mobile only.

I just checked the site and the columns are responsive - try clearing your browser cache on opening the page in a private/incognito browser.

I would suggest only using 1 optimization plugin - using 2 will increase chances of conflicts.

Is the product page responsive David?

Link added in private information box
Thanks a lot

Yep - its working for me!

Thanks David.

Because I checked installing new Opera browser also, The product page was not responsive and off canvas panel was blank.

I will test again sometime later and let you know if there are any problems

Will mark it as resolved Now.

Thanks a lot for your time and help.

No problems :)

Hi David,
I just checked in various mobile devices, There is no content in the off canvas panel. Nothing is loaded. Kindly help. I have a menu and frequently visited products load on the side panel.
Works well on desktop.
Thank you
Sarathy

Hi Sarathy,

You have this display: none; applied to the slide out menu.
https://www.screencast.com/t/QDYaVd8A

Remove the CSS should fix the issue.

And could you confirm that you've assigned a menu to off canvas panel? Thanks!
https://docs.generatepress.com/article/off-canvas-panel-overview/#empty-off-canvas-navigation

Thanks for the support Ying. But I am sure, i did not add any code as I am not a coder. Can you kindly help me on how to remove that display - none?

Yes, I have a menu and recently viewed products in the off canvas panel.

This is the code that i have in additional CSS:

.page .entry-header,
.single .entry-header {
      display:none;
}

.secondary-navigation .main-nav ul ul li a {
    padding-left: 40px;
    padding-right: 40px;
}

@media (min-width: 769px) {
    .secondary-navigation .main-nav > ul >li.menu-item-has-children > a > .dropdown-menu-toggle {
        display: none;
    }
    .secondary-navigation .main-nav > ul >li.menu-item-has-children > a {
        padding-right: 68px;
    }
}
html {
  overflow-x: hidden;
}

I'm not able to find out what's adding the code, you could try to disable all plugins except GP Premium to eliminate conflicts from other plugins.

If after disabling all plugins, it still doesn't display, then try this CSS:

nav#generate-slideout-menu {
    display: unset !important;
}