Mobile site responsiveness issue

Thanks It’s works.
I have some more mobile site responsiveness issue.
1. Align the mobile menu from the top please refer screenshot mobilemenu.png
2. Reduce & remove extra space on product page short description area only. Refer to productpage.png
3. Instagram is not responsive, text overlay the slider. please check screenshot instagram.png
4. Change the mobile bottom buttons name and link. Refer to buttonname.png
5. Mobile Search is not working, How to get search bar https://gyazo.com/32f39dc1848d71970f0b17c4515c9107
6. Hide the extra product images for mobile only. https://gyazo.com/7b999882fe61988ef183ef9388dd9f46

Thank You.

Attachments:

You must be logged in to view attached files.

my search is not working again. Please visit website inshopper.in/wordpress and search bed, sofa it’s not working

Hello,

7. Search on desktop works https://prnt.sc/oq72up

6. Search on mobile works https://prnt.sc/oq75wy and https://prnt.sc/oq76cc

1. Please add this code to the Theme Settings > Custom CSS > Global:

.off-canvas-navigation .nav {
    flex-wrap: wrap;
    padding-top: 60px;
}

4. Please provide the page URL

2.6. Please provide the product URL

4. It is not possible.

Best Regards

2 & 6 Open any product visit inshopper.in/wordpress please check screenshot i have attached before.

You haven’t reply my 5th question?

after updating mobile bottom menu is also missing check screenshot

Attachments:

You must be logged in to view attached files.

Hello,

Please check the suggestions for correct updating https://xtemos.com/docs/woodmart/faq-guides/3-x-4-0-migration-guide/ to fix menu

You haven’t reply to my 5th question? – 5. Mobile Search is not working, – Search on mobile works https://prnt.sc/oq75wy and https://prnt.sc/oq76cc

Provide your valid site admin access or disable blocking right-click.

Best Regards

ADMIN ACCESS

Hello,

Please add this code to the Theme Settings > Custom CSS > Tablet and Mobile:

body .woocommerce-Tabs-panel p{
    line-height: 1;
}
body .woocommerce-Tabs-panel ul li{
    line-height: 1;
}
body.single .thumbnails-ready {
display:none;
}

Best Regards

I want to remove only for mobile not for desktop

Hello,

Please add this code to the Theme Settings > Custom CSS > Mobile.

Best Regards

[Author]

Posts