Could you post a link to your site please? I’ll need to look at how the theme creates the mobile menu to advise you on this. And If you want to create selectors that target specific pages as well as specific screen sizes seeing your site will help with that too.
I was able to fix this after exporting the code from microthemer and add it in a specific page ( using a plugin for page css )
,but I would be happy to do it without using the page specific plugin, only microthemer.
[URL removed by admin on request]
( this is a incomplete site yet )
please delete this url from this post as soon as you can.
So step 1 is targeting specific pages. I’m going to update the selector wizard so that it’s easier to prepend selectors with page-specific body classes at some point, but for now here’s how to do it the manual way:
Go to the folders and selectors main menu by clicking the folder icon in the top toolbar
Expand folder and then click the edit selector icon to expand the selector editing fields.
Your cart page has the class “woocommerce-cart” in the body tag. You can limit your styles to only affect this page by prepending all of the selectors with .woocommerce-cart followed by a space.
For example, if you had a selector that targets the heading 1s and you wanted to style it differently just on the cart page you would change this:
I see that your cart page also uses this class ‘page-id-9’. This might be preferable if WooCommerce uses the woocommerce-cart class on more than just the cart page you referenced.
Step 2
To hide the menu but only for mobiles, go to the selector you created for the main menu (or double-click it to create a new one) and then go to the behaviour tab. Then add the ‘Phone’ tab (see pic: https://docs.google.com/a/themeover.com/file/d/0B2vCpmXg7SjlNEkxbjNuX09MbHM/edit?usp=drivesdk). Finally, set the display property to none (it’s the first property in the behaviour group).
I hope that helps. Please let me know if you need further assistance with this.
