Off Canvas Menu displaying in wrong position - Forum | JoomShaper
Solved Templates

Off Canvas Menu displaying in wrong position

Asked by Kirti 5 years ago Last activity 5 years ago

Hi,

I have used the Wimble template. However, the off-canvas menu displays below. See the image https://prnt.sc/18igd0a. The web page is https://demo.hashtagitright.com/fashion

I am using the following custom css

*#sp-header.menu-fixed {
position: fixed;
z-index: 9999;
top: 0px;
height:60px;
}

sp-header {

background: rgba(255, 255, 255, 0) none repeat scroll 0 0;
height: 60px;
left: 0;
position: absolute;

padding-top: 20px;
/ top: 40px;/
width: 100%;
z-index: 999;
}

sp-header.header-sticky {

position: fixed;
z-index: 9999;
background-color: #fff;
box-shadow: 0 0 4px 0 rgb(0 0 0 / 10%);
height: 90px;

}

Accepted answer

Marked as the solution
Ofi Khan Staff

Hello Kirti

Please use this CSS to Template Options -> Custom Code -> Custom CSS

#offcanvas-toggler{
    line-height: 0;
}

Best regards

2 more replies

Kirti Asked this

Yes, that worked. Thank you so much

Ofi Khan Staff

You are welcome

Log in to reply.