Support only during business hours : Monday to friday, from 8:30 am – 5:30 pm CEST

Due to the decrease in our staff due to vacations, our response time may be longer.

Be sure we're doing our best to manage your topic as soon as possible.

Customizing the secondary or horizontal menu

Find Answers and Get Support Forums Cera – Intranet & Community Theme Theme Customizer Customizing the secondary or horizontal menu

This topic is resolved
Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • Rene
    Participant
    • 21 Topics
    • 57 Posts
    @permakulturtraining

    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
    Rene

    Manathan
    Keymaster
    Themosaurus Support
    • 0 Topics
    • 6603 Posts
    @themodactyl

    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.

    Rene
    Participant
    • 21 Topics
    • 57 Posts
    @permakulturtraining
    This reply has been marked as private.
    Manathan
    Keymaster
    Themosaurus Support
    • 0 Topics
    • 6603 Posts
    @themodactyl

    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.

    Manathan
    Keymaster
    Themosaurus Support
    • 0 Topics
    • 6603 Posts
    @themodactyl
    This reply has been marked as private.
    Rene
    Participant
    • 21 Topics
    • 57 Posts
    @permakulturtraining

    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
    Rene

    Manathan
    Keymaster
    Themosaurus Support
    • 0 Topics
    • 6603 Posts
    @themodactyl

    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,

    Rene
    Participant
    • 21 Topics
    • 57 Posts
    @permakulturtraining

    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.

    Manathan
    Keymaster
    Themosaurus Support
    • 0 Topics
    • 6603 Posts
    @themodactyl

    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.

    Rene
    Participant
    • 21 Topics
    • 57 Posts
    @permakulturtraining

    Ok, I’m happy now! Thank you so much!

    Manathan
    Keymaster
    Themosaurus Support
    • 0 Topics
    • 6603 Posts
    @themodactyl

    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!

Roboraptor 🦖
Themosaurus Topic Closer

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.

Viewing 11 posts - 1 through 11 (of 11 total)

The topic ‘Customizing the secondary or horizontal menu’ is closed to new replies.

Troubleshooting Demo Imports

You're trying to setup your theme but you're experiencing errors when importing the demo content? Or you've just followed the setup guide but your website doesn't look exactly like our demo? These are common issues for which you can find easy and quick fixes.

Happy With our Support So Far?

Feel free to review our theme on Themeforest! It helps us making our products more known to new potential customers, which allow us more time to improve the quality and develop new features. #SharingIsCaring ❤️

Discover MatchPress

Skip • Like • Super-Like

Add powerful matching features like Member likes, skips, super likes, conditional private messaging and much more.

Setup Your Cera or Gwangi powered Community Website and Turn it into an iOS and Android App

15% discount for Cera users

To unleash the full power of your Cera or Gwangi theme, we have partnered with the Zipline team. Your community website can now be fully setup and turned into your very own custom app for iOS and Android.

Whether you've newly acquired the theme or already got your site up and running, Zipline got you covered. And we got you an incredible discount.

Holiday, Weather & Festive effects
to pimp your WordPress Site