Tagged: second menu
-
AuthorPosts
-
May 17, 2021 at 4:20 pm #1300776
Hi,
My client wants to have some kind of second menu but not sure how to go about this in Enfold.
It should look like attached menu to the left with the button style menu. What´s the best solution for this in Enfold?Regards,
RogerMay 17, 2021 at 11:51 pm #1300836Hi Roger,
You can do the following steps.
1. Go to Appearance > Menus, then create a Sidebar Menu and add items to it.
2. Go to Appearance > Widget, create a Widget Area then add a Navigation Menu widget inside it and select the Sidebar Menu you have created.
3. Go to the page, Add a Widget element (under Content) then assign the Widget Area you have created.
Hope this helps :)Best regards,
NikkoMay 18, 2021 at 9:44 am #1300913Thank you Nikko,
Nice, now I have a second menu!
But I cannot find a way to style it. What CSS do I need to make it look like the example?Regards,
RogerMay 18, 2021 at 11:22 am #1300945Hi Roger,
You’re welcome :)
Can you give us a link to your page with the second menu? so we can give some CSS code that should work.
You can post it in private content if you don’t want the link to be shown by the public.Best regards,
NikkoMay 18, 2021 at 11:36 am #1300951Sure, posted as private.
I also have another issue on the same site. Maybe you can look at it at the same time?
It’s a 4 column grid with an image, special heading and textblock. For some reason there’s no space between the image and the special heading. No matter what I change the top margin to for the special heading. I also tried a whitespace but that increases the the margin to like 100px, even though I set it to -150px. Posted a link to that page as well. You can see what it looks like with the white space versus setting the top margin of the special heading to 50px. None of them is ok.Regards,
RogerMay 18, 2021 at 1:27 pm #1300985Hi Roger,
Thanks for giving the link.
Please add this CSS code in Enfold > General Styling > Quick CSS:#top #wrap_all .widget_nav_menu .menu li { border: none; margin: 0 0 4px 0; } #top #wrap_all .widget_nav_menu .menu li a { padding: 12px 27px; background-color: #eee; font-weight: 700; color: #444; -webkit-transition: background-color .1s ease-out; transition: background-color .1s ease-out; text-decoration: none; } #top #wrap_all .widget_nav_menu .menu li a:hover { background-color: #e2e2e2; text-decoration: none; } #top #wrap_all .widget_nav_menu .menu li.current_page_item a { background-color: #c00525; background-repeat: no-repeat; background-size: 9px 9px; background-position: 93% center; color: #fff; }
Best regards,
NikkoMay 18, 2021 at 1:37 pm #1300986Hi Roger,
For your other issue, I tried to do the same setup but I can’t seem to reproduce the issue.
Can you give us temporary admin access? so we can check on it.
Just post the credentials in private content.Best regards,
NikkoMay 18, 2021 at 2:11 pm #1300992Hi again Nikko,
Wow, that’s fast and very precise, the second menu looks perfect!
On the other issue.
I disabled all the custom CSS to see if I had done something to cause the problem but still the same. Unfortunately I’m a sub contractor on this site and cannot provide any credentials as of yet.BUT..I just kinda solved the problem :) Not that I know what caused this yet, but I deleted all the 4 columns and copied one from another another page instead. And now it looks good.
So thank you again for great support! This is why I’ll probably never use another WP-theme than Enfold :D
You can close this thread now.Regards, Roger
May 18, 2021 at 2:25 pm #1300995Hi Roger,
It’s a pleasure to help you :)
Thanks also for using Enfold and have a great day!Best regards,
Nikko -
AuthorPosts
- The topic ‘Second menu question’ is closed to new replies.