X Megamenu media queries

Support
#1

I am setting up my main nav with the 4-col x-megamenu, and i am wondering how to hide the 4th column on smaller screen sizes via media queries. The 4th column will be buttons that i want to appear on desktop only.

Thanks in advance!

#2

Hello @svdpsm,

Thanks for asking. :slight_smile:

Can you please share website URL so we can give you the CSS code?

Thanks.

#3

http://dev.svdpsm.org

#4

Hello @svdpsm,

Thanks for updating thread. :slight_smile:

You can add following CSS under X > Theme Options > CSS:

@media only screen and (max-width: 600px) {
    .menu-item-394 {
    display: none !important;
}
}

Thanks.

#5

That removes one, is there anyway to do all of the fourth columns universally? Or just need to find all those classes and add them to the css individually?

#6

Hello @svdpsm,

Thanks for updating thread. :slight_smile:

You just need to find the menu Id and use the code I shared to hide the same. I am sharing tutorial that will help you to find out menu id:

Thanks.

#7

Thanks!! This is my first site with x theme and really enjoying it.

#8

Thank you for the kind words, we are delighted to assist you with this.

Cheers!

#9

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.