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

    Is it possible to move the drop down menu for mobile without re-positioning it for desktop?

    On the site http://demanddrive.com/2013site/, the white box covers up the woman’s smile and obscures a great image. I just want to re-position it someplace else. It can be lowered, the position can be swapped with the slide show words (placed below the slideshow), it can be side-by-side with the logo.

    I am very flexible for a solution. I just want to see her eyes, smile and enough of the phone to make people know what they are doing.

    Thanks

    #113413

    Hi,

    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 http://www.clipular.com/c?4504199=Oe9xqLJtS8YoapSzPa_muiEKjWI&f=.png

    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;
    }
    }

    Thanks,

    NIck

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

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