Support » Fixing WordPress » Cant click on few items in Menu

  • payal77

    (@payal77)


    I am able to click on the menu and on the choices on the menu, but when I do it on my phone I am unable to click few choices on the menu.

Viewing 15 replies - 1 through 15 (of 21 total)
  • Nidhi Jain

    (@jainnidhi)

    Hi @payal77,

    Can you please share the site’s link.

    So, I can look into it.

    payal77

    (@payal77)

    Hi @jainnidhi,

    Please have a look at the site http://delightmomentshk.com/

    Thanks

    Nidhi Jain

    (@jainnidhi)

    Hi @payal77,

    I’ve checked your link on desktop and mobile device and I can easily click to all the links in the menu.

    Can you tell me which links you can not access?

    payal77

    (@payal77)

    Hi @jainnidhi,

    This is the page. http://delightmomentshk.com/product-category/shop/balloon-and-accessories/

    I cannot click on Baby shower collection, groom collection and love collection on the mobile.

    Thanks.

    Nidhi Jain

    (@jainnidhi)

    Hey, I’ve checked on mobile.

    There is showing 2 responsive menu button.

    One is appearing from the default navigation of the theme and the second one is the off-canvas menu which is sliding from left.

    You need to remove one of the two menus.

    payal77

    (@payal77)

    Hi @jainnidhi
    I have removed it already.

    payal77

    (@payal77)

    @jainnidhi

    Can you please let me know why i am unable to click on Baby shower collection, groom collection and love collection when i click on balloon and accessories at this page http://delightmomentshk.com/product-category/shop/balloon-and-accessories/

    Thanks

    Nidhi Jain

    (@jainnidhi)

    This is a CSS error because next product is overlapping on the previous product on mobile. That’s why you are unable to click on that.

    You need to add the following style in your stylesheet:

    @media only screen and (max-width: 767px) {
    .woocommerce ul.products.columns-4 li.product {
    clear: both !important;
    }
    }

    payal77

    (@payal77)

    Hi @jainnidhi

    Can I just add the style you provided at the end of the stylesheet?

    Thanks.

    Nidhi Jain

    (@jainnidhi)

    Yes, you can.

    Apply this and let me know.

    payal77

    (@payal77)

    Hi @jainnidhi
    I tried and it still didnt work

    • This reply was modified 1 year ago by  payal77.
    • This reply was modified 1 year ago by  payal77.
    Nidhi Jain

    (@jainnidhi)

    Hey, I am not able to see the styling that you added at the end of the style.css

    Also apply float:none to set the block in center.

    @media only screen and ( max-width: 767px ) {
    .woocommerce ul.products.columns-4 li.product {
    clear: both !important;
    float: none !important;
    }
    }

    payal77

    (@payal77)

    Hi @jainnidhi

    What about now?

    Nidhi Jain

    (@jainnidhi)

    I’ve seen the stylesheet in inspect element. But I am not able to see the style that you added.

    I’ve checked this style to add in the inspect element and it is working fine for me.

    Apply this style again

    @media only screen and ( max-width: 768px ) {
    .woocommerce ul.products.columns-4 li.product {
    clear: both !important;
    float: none !important;
    }
    }

    If there is a cache plugin please clean the cache and check.

    Nidhi Jain

    (@jainnidhi)

    Also you can try to add this CSS in Customizer->additional CSS.

Viewing 15 replies - 1 through 15 (of 21 total)
  • The topic ‘Cant click on few items in Menu’ is closed to new replies.