• Resolved jm17072011

    (@jm17072011)


    Hello,
    I would like to display a notification bar at the top of my mobile site. The problem is that it hides my menu which is at the top right. So I would like to know how to move down the menu position.
    Thank you in advance for your help!

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Jonny

    (@metabreakr)

    Hi @jm17072011,

    While you might want to consider a different notification banner that doesn’t overlay your mobile menu, the following CSS should help with this in the meantime:

    @media (max-width: 600px) {
        .menu-button-container {
            padding-top: 50px;
        }
    }

    Hope that helps!

    Thread Starter jm17072011

    (@jm17072011)

    Thank you so much!!

    Do you know how I can change the message size only on mobile?

    I tried this but it doesn’t work:

    @media (max-width: 600px) {
    .wpfront-message {
            font-size: 12px;
        }
    }
    Moderator James Huff

    (@macmanx)

    Hm, that definitely should work.

    Try:

    @media (max-width: 600px) {
    .wpfront-message {
            font-size: 12px !important;
        }
    }
    Thread Starter jm17072011

    (@jm17072011)

    Thank you for your answer!! ??

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘move down menu position on mobile’ is closed to new replies.