New burger menu on smartphone

Hi John!

I know how to select the burger menu, but let me clarify: the new fullscreen menu seems like it would work perfectly on mobile, or at least could work perfectly on mobile. How do I go about disabling the “old” mobile menu, in order to test the new burger menu on mobile?

I’d found the article you mention, but when using either one of those actions, the results are just not very good. I’ll look into it again, but couldn’t get a very nice results earlier :/

Kind regards,

Thomas

That one doesn’t work, it’s nice he worked all that out, but it’s not the clean solution I’m looking for…

However, good news, because Nikko has gotten really far in this thread: https://kriesi.at/support/topic/mobile-menu-like-desktop-menu/

• This reply was modified 7 years, 4 months ago by dekkert.

Hi!

Almost there, but not entirely right now, sadly… What I’ve got now is that the logo changes back to the “regular” version on mobile. I understand why it does this, as it mimics the logo on larger screens, but I’d like to find a way to make it stop doing that.

I’ve also got another issue with targeting the font sizes of the items within the fullscreen slider. On larger screens, the code works, but on the smaller screens, I can’t get this to do what I want. I’m using this right now:

/* Fullscreen slider styling */

@media only screen and (min-width: 767px) {
.slideshow_caption {width: 54% !important;}
.avia-slideshow-button-2 {padding: 25px 56px !important; font-size: 16px !important;}
}

@media only screen and (max-width: 479px) {
.avia-caption-title {font-size: 42px !important;}
.avia-caption-content.av_inherit_color {font-size: 18px !important;}
}

Hi Basilis,

Sounds good, thanks for the heads up – I’ll make sure to put my time into something else then!

Gr. Thomas