Applying css rules only when menu is shown

tphoenix5
Topic Author
Offline
New Member

5 months 2 weeks ago #72100 by tphoenix5

Applying css rules only when menu is shown was created by tphoenix5

How can I specify that certain rules are only applied when on a mobile device and the menu is show?

current css I would like to isolate.

#mobilemenuck-346-wrap {display: none;}

Please Log in or Create an account to join the conversation.

ced1870
Offline
Administrator

5 months 2 weeks ago #72111 by ced1870

Replied by ced1870 on topic Applying css rules only when menu is shown

Hi
Please give me more infos about what you want to do and the url of the page so that I can check
CEd

Joomlack Webmaster and Developer

Please Log in or Create an account to join the conversation.

tphoenix5
Topic Author
Offline
New Member

5 months 2 weeks ago #72113 by tphoenix5

Replied by tphoenix5 on topic Applying css rules only when menu is shown

There is a search box and "wholesale" button I would like to hide that are modules.

The url is dev2.coventrycreations.com

Please Log in or Create an account to join the conversation.

ced1870
Offline
Administrator

5 months 2 weeks ago #72114 by ced1870

Replied by ced1870 on topic Applying css rules only when menu is shown

ok, you are using a different menu for mobile and desktop
to hide the other menu, you can use that code

Code:

#mobilemenuck-336-wrap ul.nav {
	display: none !important;
}

to hide it only for the given resolution, use this instead

Code:

@media only screen and (max-width:480px){
#mobilemenuck-336-wrap ul.nav {
	display: none !important;
}
}

Joomlack Webmaster and Developer

Please Log in or Create an account to join the conversation.

Time to create page: 0.211 seconds