Thank you very much!
It isn’t exactly what I initially wanted but a much better solution :)

Could you please have a look at it? It’s kinda urgent. Thank you in advance!

Hi Rikard,
now it looks as it should – thank you very much! :)
Best regards.

Hi,
I cleared the cache and reloaded the page. Both results happen also when I use Chrome instead of my default browser Firefox. I changed the code back to the one that functions, so perhaps that’s why you couldn’t reproduce either of the results?

Now in my Quick CSS there is

/* MOBILE  */
#mobile-advanced, .av-burger-menu-main {display: none !important; }

/* NOT WORKING CORRECTLY
@media only screen and (max-width: 767px) {
#menu-item-search, .av-burger-menu-main {
    display: none !important;
}
} */

It works but the search icon is shown in mobile version.
When commenting out the first code block and activating the second, the search icons are shown correctly (meaning it’s shown in desktop version but not on mobile) but the issue from the earlier screenshots happen.

Best regards,
Jamie

• This reply was modified 6 years, 8 months ago by ping-pong.

Hey,

you’re right – when I remove the code the search icon comes back. But then it’s also visible in the mobile version where I don’t want to show it. (see screenshot)
Is there any way to only have the search icon in the desktop version and remove it for the mobile one?
Some time ago it worked like this with the code that now also prevents the icon to show on desktop.

Best regards,
Jamie

Thank you!
It works perfectly fine :)

Best regards.

Hi,
yes, I’ve fixed it with reinstalling a backup. It wasn’t a fault of the enfold theme but of a plugin I’ve running as I discovered after updating my plugins.
Thank you nevertheless!
Best regards.

Hi,
thank you.
Unfortunately it somehow hasn’t worked. I now with the help of a friend figured something out that works
.template-page { min-height: 67vh; }

Regards.

Hi,

it’s somehow working. But do I really have to apply the custom CSS class to every single page? The thing is I don’t exactly know which pages are shown with the big grey element at the buttom. Also I’d have to adapt the height to every single page depending on the length of the content, right?
Isn’t there a way to assign a vh value to the footer? Or well, when I have a look into the developer tools of my browser then this grey element isn’t the footer, it’s nothing meaning there isn’t any code for the element…

Best regards.

Hi Andy,

It’s working – thank you very much for all your help! :)
You’re great!

Best regards.

Hi,
I’m sorry for not having it explained properly.

I’d want to have menu A (including the items of the fullwidth submenus) and menu B together in one mobile menu. See pictures for menus. So I think I’d have to load another menu when on mobile than when on desktop?
menu A+B
fullwidth submenus

The other option would be to hide the menu items on desktop and show them on mobile as you already explained to me but then there’s the issue (I already mentioned it) that in other browsers than Firefox the horizontal menu items won’t redirect anywhere. I think that’s because a click on it would normally open the submenu which is hidden and thus not opening. (That would be when the menu “Menü_horizontal” would be set as main menu. You can try it if you want to with the provided login data.)

It somehow seems like I’d either be able to have a well functioning desktop menu or a well functioning mobile menu but not both at the same time.

Best regards and in advance thank you very much for your efforts!

• This reply was modified 7 years, 7 months ago by ping-pong.

Hi,
it only works fine because now the horizontal menu doesn’t have submenu items in it. So a click on the menu item can’t affect anything else than redirect to this page.
But now my problem is, as mentioned in my last post, that the mobile menu is the same as the horizontal ones but I’d need it to be one menu with all the menu items from the horizontal (including links to subpages) and sidebar menu :(
So again my question:
Isn’t there any possibility to set two different menus, one for desktop and one for mobile version?

Best regards.

Hey,

I don’t know since when this issue happens because I’m always working in Firefox where everything is fine. As already said this issue only occurs in other browsers (I’ve tested it with Internet Explorer, Chrome and Edge) than Firefox.

I’ve deactivated all plugins step by step but that didn’t solve the problem. :(
Login data is in the private content.

Best regards.