Find Answers and Get Support › Forums › Cera – Intranet & Community Theme › Theme Customizer › Customizing the secondary or horizontal menu
- This topic has 10 replies, 2 voices, and was last updated 1 year, 11 months ago by Manathan.
-
AuthorPosts
-
ReneParticipant@permakulturtraining
- 21 Topics
- 57 Posts
Hello,
I would like to make some changes to the secondary or horizontal menu. However, I haven’t found any options to actually control this area. When user’s are logged in, the menu is in white background color, when logged out, the menu has a green background color. Where can I change this?
Also I would like to increase the font size of the menu items and the size of the menu itself.
Please let me know how I can control this part of the theme.
Thank you for your ongoing support and best regards
ReneBildschirmfoto-2022-10-20-um-22.59.40-1 Bildschirmfoto-2022-10-20-um-22.59.40 Bildschirmfoto-2022-10-20-um-22.59.21October 20, 2022 at 23:00 #43004@themodactyl- 0 Topics
- 6603 Posts
Hi Rene,
Thank you for reaching out to us! 🙂
It’s best if we take a quick look at this. Could you create a new website user for us please? If possible with administrator capabilities so we can make a quick check of your settings. You can post the user name and password in your next reply and mark it as private to keep this between us.
Also, are we free to deactivate plugins for our tests? In this case, I invite you to make a backup before we investigate your website further in order to make sure you don’t loose any data if something goes wrong.
Thank you.
October 21, 2022 at 14:38 #43018@themodactyl- 0 Topics
- 6603 Posts
Hi Rene,
Thank you for granting us access to your wp-admin.
It seems this issue is related to your child theme. We think there is something going wrong with the customization you made. As you can see in the screenshots in my next reply, all is working fine when the parent theme is activated.
My best guess is that your issue might probably be caused by some extra code snippet as we don’t encounter this issue with our demos using our default child theme. Could you deactivate all existing custom PHP code snippets please? And then, could you confirm me that the issue is still persisting please?
Please also make sure that you have the latest theme version and that all recommended plugins are up-to-date. Finally, you could also consider clearing all activated caching system as well as your browser cache before investigating any further. If you want to read more on what browser cache is and how to clear it, here is an article that might help you: How to Clear Internet Cache in Every Major Browser.
Thank you.
October 24, 2022 at 10:45 #43049ReneParticipant@permakulturtraining- 21 Topics
- 57 Posts
Hello,
I probably didn’t communicate clear enough. My question is regarding the customization options for the secondary or header menu. I want to make the header menu a bit bigger and also the fonts bigger. Where can I do that in the customizer options? Your screenshots don’t indicate any size changes to the header menu, and it seems that the color change of the header menu only appears when the vertical or side menu is deactivated for logged-out users.
I hope I was able to make the issue more clear. Please don’t hesitate to ask further questions.
Best regards
ReneOctober 24, 2022 at 17:42 #43070@themodactyl- 0 Topics
- 6603 Posts
Hi,
Sorry Rene, that’s my fault! 🤦🏻♀️
You can’t make it bigger using the customization options. However, I made you a snippet that you can use to edit this. Simply add the following code snippet to your website:
/** * FEATURE: Edit Secondary Nav */ .hamburger-navbar ul.navbar-nav--hamburger-secondary-menu{ margin-right:0px; } .main-navigation .navbar-nav--hamburger-secondary-menu > .menu-item + .menu-item{ margin-left:0px; } .hamburger-navbar ul.navbar-nav--hamburger-secondary-menu > li.menu-item > a{ font-size:1rem; } .hamburger-navbar ul.navbar-nav--hamburger-secondary-menu > li.menu-item > a i{ color:var(--grimlock-archive-post-link-hover-color); }
To add this code snippet to your site, we recommend that you paste it to the Custom CSS panel of your WordPress Customizer. Just go to your dashboard and navigate to “Appearance > Customize > Additional CSS”.
Pasting your code snippet there should do the trick for you. Then, you just have to adjust the values to make the secondary nav look the way you want it to.Hope this will help you. 🙂
Regards,
October 25, 2022 at 10:13 #43077ReneParticipant@permakulturtraining- 21 Topics
- 57 Posts
OK, thank you so much! Looks a lot better now.
Now two things about the colors:
– I want to change the color on hover – currently it’s the normal green from the cera-demo. I use a different green on my website: #105445
– I want to change the background color of the header menu when the users are not logged in. It does appear with #105445 color, but I want it to be white like when user is logged in, or the sidebar is activated when user is logged out.If this is too much of a custom job, please name your price and I’m more than happy to pay for your work.
Thank you for your continued support.
October 25, 2022 at 16:56 #43100@themodactyl- 0 Topics
- 6603 Posts
Hi Rene, 🙂
Please be aware that to reduce repetition in CSS, and improve powerful runtime effects like theme switching, we use variables to customize our theme. For exemple, the hover color in the second navigation is the same set for post link hover in Custimize > Posts > Posts Page > Item > Link Color Hover. Changing this color will change the color used in this area when hovering a link.
Concerning your second issue, I can see that this menu has a white background when I’m not logged in. Did you manage to change the background-color? As you might know, we only share snippet only to solve issues with our theme. Customization work is not part of our scope of work.
If you want to go further with the customization of your website, we advise that you hire a freelancer to do it for you. If you’re on a tight budget, we recommend you to require the services from Fiverr. This web platform gives you access to developers who already have experience with theme customizations, and for very competitive prices.
Disclaimer : we have no affiliation with Fiverr and are only recommending it as a starting point and a popular option for those who might not be sure where to look when in need of some custom work.
Thank you for your understanding.
October 26, 2022 at 09:52 #43112@themodactyl- 0 Topics
- 6603 Posts
If you are happy, great! That’s all we want for our users. 🥳
If it’s not already done, feel free to review our theme on our Themeforest page:
https://themeforest.net/item/cera-intranet-community-theme/24872621
It’s very appreciated and it helps us making our products more known to new potential customers, which allow us more time to improve the quality over time and develop new features. It’s a win-win !And by doing this, you will be making a great contribution to our community! #SharingIsCaring
Thank you!
October 27, 2022 at 10:12 #43139 -
AuthorPosts
Hi there,
This topic has been inactive for a while now so we will be closing it to keep the forum tidy. Don't hesitate to create a new topic if you still need help and we'll be glad to help you!
Best regards,
The Themosaurus team.
The topic ‘Customizing the secondary or horizontal menu’ is closed to new replies.