Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
  • #21871


    Yeh, I agree. Since you are flexible i just moved everything above her eyebrow in all sizes under 767px. But you can feel free to play around with the positioning yourself. The top block of code controls the logo and the bottom one controls the select box containing the menu. You can use right, left, top, down to move things wherever you need to. I positioned it like this

    Just please keep in mind that mobile devices and tablets have specific widths so if you are resizing your browser on a desktop and say it doesn’t look good at width 534, you can feel assured knowing that no mobile device has a screen size of 534px (well besides the North Korean Kim Jon 5000 digital rotary phone, and once they get the wifi telegraph modem online there’s no stoppin…..) But I digress.

    Please add this code to you /css/custom.css or to Quick CSS located in Flagship > Theme Options > Styles .. the text area at the bottom of that page…

    @media only screen and (max-width: 767px) {
    #top .logo {
    top: -5px !important;
    right: 3px !important;
    #top .main_menu {
    top: -110px !important;
    left: 10px !important;



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

The topic ‘Moving the Drop Down Menu for Mobile’ is closed to new replies.