Full mobile height menu

Asked

Viewed 78 times

1

I want the mobile menu the background of it black, stay with height complete.

Here is my code:

 #sidebar {
  position:fixed;

  top:0px;
  right:0px;
  width:45%;
  height:100%;
  background:#1a1a1a;
  text-align:center;
  transform-origin:right;
  transform:perspective(1200px) rotateY(90deg);
  transition:all 400ms ease;
  z-index: 2000;
  font-family:'Lora', serif;

Here’s the website if you need it: http://lancamento.99gourmet.com.br/

html css

  • Do not put the title in high box. What do you mean by height full ? That the height of the menu does not exceed the height of the page ?

  • I could not open the site, and without HTML to see the problem is more complicated.

1 answer

0


 #sidebar {
  position:fixed;
  top:0px;
  right:0px;
  width:45%;
  display: block;
  height: 100%
  min-height:100%;
  background:#1a1a1a;
  text-align:center;
  transform-origin:right;
  transform:perspective(1200px) rotateY(90deg);
  transition:all 400ms ease;
  z-index: 2000;
  font-family:'Lora', serif;

If it does not work.. you will need to set a fixed height value!

Browser other questions tagged html css

You are not signed in. Login or sign up in order to post.