Home Forums Weaver Xtreme Theme Mobile Menu placement

Topic Resolution: Answered

This topic contains 2 replies, has 2 voices, and was last updated by  Crystal 2 weeks, 4 days ago.

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #62042
    Answered

    Crystal
    Participant

    Hi there!

    When I designed my site, I moved my menu over my header image using this code:

    #nav-primary {position:relative; margin-top:-7em; top:-5em; right:-4.7em; margin-bottom:0em;}

    That works perfectly on a desktop, but the mobile hamburger menu disappears into the header image. Is there a way to leave my desktop menu as is, but have the mobile menu appear below the header image?

    Here’s my site: https://www.crystaljordan.com

    Help?

    #62043
    Best Answer

    scrambler
    Moderator

    This reply has been accepted as the best answer.

    Restrict your rule to desktop with the is-desktop class

    .is-desktop #nav-primary {position:relative; margin-top:-7em; top:-5em; right:-4.7em; margin-bottom:0em;}

    #62044

    Crystal
    Participant

    Worked like a charm. Many thanks!

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.