WordPress.org

Forums

Spun
Stlying the mobile menu with CSS (2 posts)

  1. amanduhb52
    Member
    Posted 1 year ago #

    Hey everyone,

    I used Caroline's code to detoggle the mobile menu from this thread: http://wordpress.org/support/topic/spun-few-issues-on-smartphones-pc?replies=10#post-4642796.

    I'm wondering if anyone knows what element to style in CSS to make changes to the mobile menu appearance.

    Thanks,

    Amanda

  2. Andrew
    Forum moderator
    Posted 1 year ago #

    To target the mobile menu <div> wrapping element:

    .main-small-navigation .menu

    To target the mobile menu <ul> element:

    .main-small-navigation .menu ul

    To target the mobile menu <li> elements:

    .main-small-navigation .menu li

    To target the mobile menu <a> elements:

    .main-small-navigation .menu a

    Wrap all of those styles in a media query:

    @media screen and ( max-width: 800px )

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic

Tags

No tags yet.