Offcanvas Menu is Not Working When is At The Mobile Version. - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!

Offcanvas Menu is Not Working When is At The Mobile Version.

5

5uwebsite

Template 3 years ago

Hi There,

Could you please help me to check the following link. The offcanvas menu is not working and it will not expand the menu options whenever I am trying to click into it.

0
4 Answers
Toufiq
Toufiq
Accepted Answer
Senior Staff 3 years ago #56520

Hi there,

Thanks for contacting us. Sorry for the inconvenience. Will you please provide me the Joomla administrator access to check the issue? I will check & get back to you soon. 

-Thanks

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 3 years ago #56523

Hi, sorry to said that, but it's your fault. It's becuase custom CSS that you added in custom.css line 97


div#sp-menu {
  margin-top: -60px;
}

you have to try different method to move [=] up.

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 3 years ago #56526

My suggestion is:

  1. Delete above negative margin value
  2. And instead of use below custom CSS
@media only screen and (max-width: 768px) {
#sp-logo {max-width: 80%;display: inline-block;}
#sp-menu {max-width: 19%;display: inline-block;}
#sp-header .row {padding-top:0 !important;}
#sp-search .mod-languages {margin-top: 5px;}
}

After using it

foto_7770_2022.png

as you may see, it looks better (shorter) that was set in custom.css before.

0
5
5uwebsite
Accepted Answer
3 years ago #56542

Got it. Thankyou. I will apply the code you have provided.

0