Announcement

Collapse
No announcement yet.

display code in smaller media

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

    display code in smaller media

    From the Shadows Style guide:

    Code:
    @media screen and (min-width: 90em) {
    Is max an option?

    Code:
    @media screen and (max-width: 90em) {
    The specific task: I need to on show the hamburger menu in the smaller media only. IOW, primary-navigation needs to be hidden on all desktop or larger size screens.

    Scott
    Need to offer Shipping Insurance?
    Interactive Design Solutions https://www.myids.net
    MivaMerchant Business Partner | Certified MivaMerchant Web Developer
    Competitive Rates, Custom Modules and Integrations, Store Integration
    AutoBaskets|Advanced Waitlist Integration|Ask about Shipping Insurance Integration
    My T-shirt Collection is mostly MivaCon T-shirts!!

    #2
    Hi Scott,

    You can modify whatever you need, this is just the default.
    Matt Zimmermann

    Miva Web Developer
    Alchemy Web Development
    https://www.alchemywebdev.com
    Site Development - Maintenance - Consultation

    Miva Certified Developer
    Miva Professional Developer

    https://www.dev4web.net | Twitter

    Comment


      #3
      Well, my @media question was a syntax question I wasn't sure about. I found the answer when I pulled by gray matter out of the fog.

      I solved the actual issue by using the "u-width-4--m" and "u-hidden--l" classes.

      Scott
      Need to offer Shipping Insurance?
      Interactive Design Solutions https://www.myids.net
      MivaMerchant Business Partner | Certified MivaMerchant Web Developer
      Competitive Rates, Custom Modules and Integrations, Store Integration
      AutoBaskets|Advanced Waitlist Integration|Ask about Shipping Insurance Integration
      My T-shirt Collection is mostly MivaCon T-shirts!!

      Comment

      Working...
      X