-
Posts
-
Hi Kriesi Support,
I am about to create a separate mobile menu based on thread: https://kriesi.at/support/topic/different-menu-on-mobile-view/
Now my question is: how to change section menu colors? Colored text (‘button style’ menus) should change in colored background sections instead. So the whole ‘home’ row must change into orange and the ‘portfolio’ row should be green (and ‘about’ red).
Do you guys perhaps have a solution for this? I think you do :)
Thanks in advance.
Regards,
PeterHey peterkra,
Would you mind posting us a screenshot/mockup of what you would like to achieve? You can upload the screenshot to imgur.com or dropbox and share the link to your site where we can inspect the element in question :)
Best regards,
VinayHi Peter,
Thanks for the screenshot, could you provide us with a link to the site in question so that we can take a closer look please?
Best regards,
RikardHi,
I see that you have done this already for the desktop menu, you will have to find the id’s of your menu items and target them one by one. Like this for your home item:
#menu-item-60 a { background-color:red !important; }Thanks,
RikardHi Rikard,
Awesome!
In ordering to do this only for the mobile menu I have put your code in a media only screen construction. I will display the code below for possible other users that might want to create this nice Enfold possibility:
@media only screen and (max-width: 767px) {
#menu-item-3316 a {
background-color:#ed2292 !important;
}}Thanks and regards,
PeterHi guys,
One more question to make the creation perfect:
Is is possible to remove the row description (word “projecten”) in the mobile menu?
Because it is redundant there and not nicely adopting the color:
Thanks in advance.
PeterI have already tried to hide this column description with something like this
(Because I saw that element name is “phone-info with_nav”?):/*https://kriesi.at/support/topic/hide-submenu-on-mobile/*/
@media only screen and (max-width: 990px) {
.phone-info with_nav { display: none !important; }}But this does not work… Do I miss something?
Sorry. Forget my previous post (May 18, 2016 at 1:55 pm). Wrong topic…Please respond to post from May 18, 2016 at 12:53 pm.
Hey!
It appears several changes are made to the menu and it don’t look the same as the above screenshot. Please let us know if you have any questions for us.
Regards,
VinayHi Vinay,
Please look at the dutch language (mobile) version of it and not the English version above (which has not been modified yet).
Thanks,
PeterHi,
Thank you for the clarification please use the below css to hide the titles.
.mega_menu_title { display:none!important; }Best regards,
VinayThank you so much Vinay!
You Kriesi Support guys really are great. Thanks for solving my issue. As always.
Regards,
Peter
- The topic ‘Mobile menu: background colors of menu sections’ is closed to new replies.