Lavish Pro mobile menu problem

[Binaya D]

Hi Rosemary,

Our developer are in process to update Lavish with bug fixing and we will update our theme soon. After updating lavish we will send a message to you.

Thanks

[Greg Rockwell]

I am also having the same problem with my mobile menu. I looked for your custom CSS, but mine looks different.

beta.thrivedc.org

Here is what my CSS looks like:

@media screen and (max-width:400px) {
.header_one h1#la-site-title a {
font-size: 1rem;

Please advise!

[Binaya D]

Hi Greg,

Please use the same css which is given above or please use the following css:

@media screen and (max-width: 1030px){
 ul.mobilemenu {
    max-height: 400px!important;
  }
}
@media screen and (max-width: 480px){
 ul.mobilemenu {
    max-height: 250px!important;
  }
}

Note: please use the custom css plugin or child theme to write css.

Thanks

[Rosemary Lafferty]

With these instructions I now can get the home page mobile menu using the free version to work.
Thanks

[Greg Rockwell]

Great! That fixes things.

I would recommend that you set the minimum height to 400px though. As you can see with the screenshots below, when you set the minimum height at 250px, it made it look as if my menu wasn’t as long as it should be. After I adjusted it to 400px, it looked much better.

Just a thought! Thank you for being so quick to respond to things.

[Author]

Posts