Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS mobile menu not pushing art work to the right when opening

  • This topic is empty.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #210548
    drotar
    Participant

    best and brightest,
    i am building a website for a client and noticed that when using the mobile menu all the art work and div tag shifts on top of the menu which opens from the left. in a perfect world, the entire webpage shifts to the left when you open the menu. i cannot figure out what is causing my problem and would be forever indebted to the one who does. the gist hub code can be found at https://gist.github.com/anonymous/4da6401ead3815c3bc4b

    the actual website is http://www.monicamancini.com/htdocs/index.html

    appreciate it.

    drotar

    #234746
    drotar
    Participant

    SOLVED. MHODGES44 is/was brilliant to come up with this solution. thank you hodges 44:

    The reason that content does not get slid over when the menu comes out and the background does shift is because absolute & fixed positioned elements do not affect non-positioned (static) elements. That being said, you can add position: relative to your indexContent class and everything should move over as intended. Adding position:relative to an element without specifying a top/left/right/bottom offset will keep the element exactly where it would otherwise be with static positioning, however, it will play nicely with other positioned elements.

Viewing 2 posts - 1 through 2 (of 2 total)
  • The forum ‘CSS’ is closed to new topics and replies.