Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • August 1, 2014 at 5:19 pm #298847
    zerozendesign

    Hi guys,

    Working on making a minor tweak to http://ptseminars.net. I added the cart nav option and styled it, but cant figure out how to clear this css on mobile only. I tried

    @media only screen 
and (min-device-width : 320px) 
and (max-device-width : 1024px) {
#menu-item-1537 a {display:none;
}
}

    To test whether I could even hide the navigation link altogether. I couldn’t. I am trying to remove the style I assigned so it doesn’t display on mobile.

    Additionally, I used #menu-item-1537 span{…..} so I could easily assign the border to the text and worked like a charm for hover, but it doesn’t register for active. I was attempting to assign a background color that would show on hover and stay on active, but no luck. Any advice? I have since removed the hover state for now until I figure out the active state as well.

    August 2, 2014 at 2:35 am #299045
    Ismael

    Hey David!

    Thank you for using the Enfold theme.

    I don’t see any unique styling on the Cart menu item. Please use this to hide it on mobile:

    @media only screen and (max-width: 989px) { 
#menu-item-1537 { display:none !important; }
}

    You can use this for the active menu item:

    #menu-item-1537.current-menu-item {
 /* Style here */
}

    Cheers!
    Ismael

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.