[Support request] Responsive

[Kathy]

When I upload the site on my phone the pages are not responsive as it should be. The images are too big and see only one product which I think it should at least be two or more.
when I select a product, I see only the image and need to scroll down to see more info.
The mobile menu on top of the page does not react when is toggled/touched and the primary menu is always visible.
The sidebars are always at the bottom of the page. It should be invisible as they are listed in the primary menu and it’s sub menu.

[Tom]

Hi Kathy,

1. You can make WC products show up in 2 columns on mobile like this: https://generatepress.com/forums/topic/product-images-on-frontpage-not-responsive-like-before/#post-198782

2. There’s not enough room on mobile to display the image to the left of the product information like on desktop. The image would either need to be tiny, or the text would be in a very narrow column and very difficult to read.

3. The mobile menu doesn’t look like it’s working because of a javascript error on your page. It looks like it might have something to do with the Google maps API? If you didn’t add Google Maps, you might want to look at your plugins by trying #1 on this page: https://generatepress.com/knowledgebase/debugging/

4. You can hide your sidebars on mobile like this:

@media (max-width: 768px) {
    .sidebar {
        display: none;
    }
}

Hope this helps 🙂

[Author]

Posts