Home › Forums › Gwangi – PRO Multi-Purpose Membership, Social Network & BuddyPress Community Theme › Feature Requests › Mobile Navbar Appearance
07/05/2020 at 16:43 #12534
I want to customize the menu in the mobile view. In my theme the menu looks like the white picture: the whole menu items are seperately listed. I would like to make it look like on the black picture:
1. I want the demo part to have a seperate opening menu (when the user clicks on the demo it should open profile menu items like friends, create a group etc., when demo item is not clicked the menu should collapse back )
2. I want the 4 buddypress icons (my friends, notifications, messages etc.) to be centralized like in the black menu
3. Also like in the black picture I want only the menu items to be seen in the first place (their child menus should only open if the parent menu is clicked)
I am using the menu apperence shown on the third picture with the blue arrow, I dont want it to change to the menu shown with the red circle. I just want the menu on the mobile version to look like the menu on the black picture.
If there is a custom css for this I would like to learn it.
Sercan Cosar07/05/2020 at 17:53 #12542
It’s best if we take a quick look at this so we see what exactly can be achieve with our theme without extra customization.
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.
Thank you.07/05/2020 at 18:43 #12549This reply has been marked as private.07/05/2020 at 18:46 #12551This reply has been marked as private.08/05/2020 at 12:49 #12557
@sercancs, thank you for bring these issues to our attention. We’re glad to answer any question related with the setup of our theme.
However, it very difficult for us to provide the best support possible and to keep track of issues and their resolution if you so many questions in the same topic.
Moreover, it’s easier for us to share the resolution for a single issue with other members of our community facing the same problem.
So, could you move your other questions into different topics?
By doing this, you will be making a great contribution to this forum, and we thank you very much for that! 🙂08/05/2020 at 12:54 #12558
After a closer look to your menus and our demos, it appears to be standard design with our theme, I’m afraid.
As this is not breaking the website in any way, editing new code for this is considered customization work.
We only share snippet only to solve issues with our theme. Any further request for CSS snippets will have to be part of a defect that needs to be fixed urgently. No snippets will be shared otherwise.
If you want to go further with the customization of your website, we advise that you require customization work.
If you’re on a tight budget, we recommend you to require the services from Envato Studio freelancers (https://studio.envato.com/explore/websites-programming). This web platform gives you access to developers who have already experience with theme customizations, and for very competitive prices.
However, I do understand that this feature seems more natural to you and we could bring some improvements to it. 🙂
In consequence, I took the liberty to move this topic to our Feature Requests forum. As your idea could be a nice addition to our theme, we will implement this feature if other community members upvote your request.
We’ll keep you informed. Thank you very much for contributing to this theme!
Best,04/06/2020 at 08:09 #13558
i thought for a while and i am thinking of coding what i want. the only problem is that the header.php file takes the sections I need, takes from your plugins.
for example this code;
<?php /** * Functions hooked into gwangi_header action * * @hooked gwangi_header - 10 * @hooked gwangi_grimlock_header - 10 * @hooked gwangi_grimlock_before_content - 20 */ do_action( 'gwangi_header' ); ?>
I want to know which plugin file has this code down below. so I can edit the after you tell me.
<nav id="navigation" class="navbar-expand-lg grimlock-navigation site-navigation main-navigation grimlock-navbar navbar navbar--classic-center navbar--container-classic"> <div class="navbar__container"> <div class="navbar__header"> <button class="navbar-toggler collapsed" type="button" data-toggle="collapse" data-target="#navigation-collapse" aria-controls="navigation-collapse" aria-expanded="false" aria-label="Toggle navigation"> <span></span> </button>
Thank you04/06/2020 at 16:42 #13615
@sercancs The component responsible for handling the Navigation is a PHP class called
Grimlock_Navbar_Component. It can be found in
wp-content/plugins/grimlock/inc/component/class-grimlock-navbar-component.php. You can extend this class in your custom plugin or your child theme to only override the methods that are generating the markups needing some changes.
This class might also contain hooks used by template functions that you might simply remove to add your custom functions. You can find all our grimlock template hooks and functions in the following files:
Please also note that
Grimlock_Navbar_Componentis hooked by
Grimlock_BuddyPressto add a new instance of
Grimlock_BuddyPress_Navbar_Nav_Menu_Component, which controls the BuddyPress icons and can be found in
We have no tutorial on how to override a Grimlock component but you might be interested in giving a look to
wp-content/themes/gwangi/inc/component/class-gwangi-grimlock.phpto find out how the
Grimlock_Post_Componentclass is removed from
grimlock_postaction while still being extended by
Gwangi_Grimlock_Post_Componentto change the printed post markups in Gwangi.
I hope all these tips will help you achieve what you’re looking for. 🙂04/06/2020 at 19:51 #13618
thanks for your help Oliver 🙂05/06/2020 at 10:01 #13633
The topic ‘Mobile Navbar Appearance’ is closed to new replies.