0

I'm a follower of Codrops tutorials by Tympanus.

For a friends website's (http://www.selinacarlos.ch/wordpress/) I would like to implement the script Fullscreen Pageflip I've found here.

Now I'm trying to make it no-fullscreen, with a background image. It's working well, but I don't want the menu is visible on the left and that the container slide over the right side.

I've tried with an overflow hidden, but it crops the entire menu.

How can I achieve the desired effect with css? I've to add another div to the DOM?

1 Answers1

1

I'm not sure this is what you want

.js .menu-panel {
    position: absolute;
    left: -240px;
    visibility: hidden;
}

then in your slideRight class add visibility: visible;

Pluda
  • 1,479
  • 6
  • 21
  • 45
  • It's a very good solution. I've added visibility: visible to .menu-panel when .slideRight appear like so: `.slideRight > .menu-panel{ visibility: visible; }` Thank you very much! – Davide Morotti Mar 25 '13 at 12:52
  • if it fits your question you should accept the answer as correct, so others can learn with it, ok? – Pluda Mar 25 '13 at 16:35