WordPress.org

Ready to get started?Download WordPress

Forums

Spun
Stlying the mobile menu with CSS (2 posts)

  1. amanduhb52
    Member
    Posted 10 months 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 10 months 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 )

Reply

You must log in to post.

About this Theme

About this Topic

Tags

No tags yet.