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.

Navigation menu

This topic is resolved
Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • LeSchtroumpf
    Participant
    • 7 Topics
    • 19 Posts
    @leschtroumpf

    Hi,

    I set my navigation menu transparent in the homepage.
    I would like to set navigation menu transparent in the members page but i could not find where to modify. Can you help ?
    I also changed the default banner profile picture and it seems to have a “filter” and the picture is way darker than it should be. Like a semi-transparent dark grey.
    Can you help me remove this ?

    Thanks,

    LeSchtroumpf
    Participant
    • 7 Topics
    • 19 Posts
    @leschtroumpf
    This reply has been marked as private.
    Jean-Pascal
    Keymaster
    Themosaurus Support
    • 0 Topics
    • 615 Posts
    @themopteryx

    Hi @leschtroumpf,

    You can easily change this theme option in the Customizer. Just go to your dashboard and navigate to “Appearance > Customize > Appearance > navigation”. Then, open the “Layout” tab and select/click/check the right “position” value.

    This should solve your issue.

    To remove the cover overlay and adapt other profile components, simply add the following code snippet to your website:

    
    /**
      * Remove black overlay from the profile header cover
      */
    #buddypress:not(.youzer) div#item-header #header-cover-image:before {
    	opacity: 0 !important;
    }
    
    /**
      * Change cover profil text color
      */
    #buddypress:not(.youzer) div#item-header .profile-header__body {
       color: #000000; /* Choose the right color */
    }
    
    /**
      * Adapt the profile header height
      */
    @media screen and (min-width: 992px) {
    	#buddypress:not(.youzer) div#item-header #header-cover-image {
    	    height: 400px !important;
    	}
    }
    
    /**
      * Make the member profile background transparent.
      */
    .buddypress.groups.single-item .entry-content > #buddypress,
    .buddypress.bp-user:not(.activity-permalink) .entry-content > #buddypress {
        background-color: transparent !important;
    }

    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.

    Regards,

    LeSchtroumpf
    Participant
    • 7 Topics
    • 19 Posts
    @leschtroumpf

    FR version :
    Bonjour,

    J’ai pris le rythme de poser mes questions en anglais mais je pense que vous saurez me répondre en Français et ça peut éviter mes erreurs de traductions 😀
    Je ne comprend pas comment votre première réponse peut résoudre mon problème de menu transparent. Je me suis peut-être mal exprimé mais voici mon problème : Sur la page d’accueil mon menu de navigation est transparent mais pas sur les pages de profil. Je ne sais pas ou modifier cela.

    Pour la 2eme réponse, j’ai modifié le morceau de code.
    height: 400px !important;
    par
    height: 800px !important;
    Et ajouter

    #buddypress:not(.youzer) .profile-content__body#item-body {
        background-color: #ffffff !important;
    }

    Pour que l’image de la page d’accueil soit placé au même endroit que sur le profil.

    EN version :

    Hello,

    Thanks for your answer.
    I don’t understand how your first answer could set my navigation menu transparent. I may have expressed myself badly but here is my problem: On the home page my navigation menu is transparent but not on the profile pages. I don’t know where to change this.

    For the second part, i modified the snippet
    height: 400px !important;
    by
    height: 800px !important;
    Et ajouter

    #buddypress:not(.youzer) .profile-content__body#item-body {
        background-color: #ffffff !important;
    }

    To force the homepage img to be place at the same location in the profil pages.

    Regards,

    Jean-Pascal
    Keymaster
    Themosaurus Support
    • 0 Topics
    • 615 Posts
    @themopteryx
    This reply has been marked as private.
    Jean-Pascal
    Keymaster
    Themosaurus Support
    • 0 Topics
    • 615 Posts
    @themopteryx

    Hi @leschtroumpf,

    Thank you for your precious feedback. There is definitely an issue in our theme which will be fixed in the next update.

    In the meantime, simply add the following code snippet to your website:

    body.bp-user:not(.grimlock--navigation-stick-to-top) .grimlock-navigation:not(.vertical-navbar) {
        background: transparent !important;
    }

    Pasting your code snippet there should do the trick for you.

    Regards,

    LeSchtroumpf
    Participant
    • 7 Topics
    • 19 Posts
    @leschtroumpf
    This reply has been marked as private.
    LeSchtroumpf
    Participant
    • 7 Topics
    • 19 Posts
    @leschtroumpf

    Hello,

    Thanks for the snippet, it works.

    Regards,

    Jean-Pascal
    Keymaster
    Themosaurus Support
    • 0 Topics
    • 615 Posts
    @themopteryx

    You’re welcome. ?

    Cheers,

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 9 posts - 1 through 9 (of 9 total)

The topic ‘Navigation 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