Hiding A Menu Item On Tablets Only - Question | JoomShaper
Back to the questions

Hiding A Menu Item On Tablets Only

Ahmed Balfaqih

Ahmed Balfaqih

Helix Framework 2 years ago

Hello support,

I would like to know if it is possible to hide a main menu item with its sub-items from tablets or mobile. If so, how?

I am using Helix Ultimate frameworkd.

Check the image attached. Those surrounded by yellow are the one I want to hide.

Thank you.

https://www.dropbox.com/s/r5vwfq8qasqn5mc/click%20menu.png?dl=0

0
Website
https://www.clickgrafix.com
3 Answers
Order by
Oldest Newest Votes
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 2 years ago #18020

You are welcome. iPad on landscape takes the screen resolution of 1024px. This is why this issue is created.

0
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 2 years ago #18003

Hello Ahmed Balfaqih

Please use this CSS to Template Options -> Custom Code -> Custom CSS

.offcanvas-menu .offcanvas-inner .sp-module ul > li:nth-child(4),
.offcanvas-menu .offcanvas-inner .sp-module ul > li:nth-child(5),
.offcanvas-menu .offcanvas-inner .sp-module ul > li:nth-child(6){
    display: none;
}

Best regards

0
Ahmed Balfaqih
Ahmed Balfaqih
Accepted Answer
2 years ago #18012

Thanks Ofi.

It worked, and they are hidden from the off-canvas menu. However, It think this is not what I want.

My problem is when I view my webiste on my iPad I can see that the Contact Us on the main menu goes to the second line. I guess, the system still think that I am using a normal desktop. I may have to redo my menu again and move those that are not important away. Thank you anyway.

0