[3.3][DEV] MegaMenu, Sticky Menu, Navbar for phpBB

A place for Extension Authors to post and receive feedback on Extensions still in development. No Extensions within this forum should be used within a live environment!
Anti-Spam Guide
Forum rules
READ: phpBB.com Board-Wide Rules and Regulations

IMPORTANT: Extensions Development rules

IMPORTANT FOR NEEDED EVENTS!!!
If you need an event for your extension please read this for the steps to follow to request the event(s)
Badhon_raj
Registered User
Posts: 209
Joined: Wed Jan 04, 2012 6:33 pm

Re: [3.3][DEV] MegaMenu, Sticky Menu, Navbar for phpBB

Post by Badhon_raj »

Thunder86 wrote: Mon Apr 17, 2023 8:30 pm Hey!

Any Idea what the colour problem cause?

It's just on the mobile version! On my Macbook everything looks fine.
A link to your forum will be required.
User avatar
Thunder86
Registered User
Posts: 94
Joined: Fri Apr 07, 2023 6:21 am

Re: [3.3][DEV] MegaMenu, Sticky Menu, Navbar for phpBB

Post by Thunder86 »

I added the answer in my last post.

Sry did see your answers before..

I would prefer to have no logo and not the side name in the Menu.

It should start directly with the first Category or in my case with: Home
User avatar
Thunder86
Registered User
Posts: 94
Joined: Fri Apr 07, 2023 6:21 am

Re: [3.3][DEV] MegaMenu, Sticky Menu, Navbar for phpBB

Post by Thunder86 »

As soon as I delete the logo, I get the following code:



The logo issue on non standard sites, you can see Here


This is how the menu looks on my phone:



Page: https://community.surferparadise.de
Last edited by Thunder86 on Sun Apr 23, 2023 12:20 pm, edited 1 time in total.
Badhon_raj
Registered User
Posts: 209
Joined: Wed Jan 04, 2012 6:33 pm

Re: [3.3][DEV] MegaMenu, Sticky Menu, Navbar for phpBB

Post by Badhon_raj »

Thunder86 wrote: Tue Apr 18, 2023 4:26 pm As soon as I delete the logo, I get the following code:
DAE93E71-ECA1-492A-B8E8-AD6745DBBBBB.jpeg


The logo issue on non standard sites, you can see Here


This is how the menu looks on my phone:
51B13F87-066D-497B-9FDD-B507F2B21A49.jpeg


Page: https://community.surferparadise.de
hide the logo with:

Code: Select all

.navbar-logo {
    display: none;
}
User avatar
Thunder86
Registered User
Posts: 94
Joined: Fri Apr 07, 2023 6:21 am

Re: [3.3][DEV] MegaMenu, Sticky Menu, Navbar for phpBB

Post by Thunder86 »

Perfect! That's exactly what I needed..

Any idea why the colours on mobile devices are not like normal ?
Badhon_raj
Registered User
Posts: 209
Joined: Wed Jan 04, 2012 6:33 pm

Re: [3.3][DEV] MegaMenu, Sticky Menu, Navbar for phpBB

Post by Badhon_raj »

Thunder86 wrote: Tue Apr 18, 2023 9:11 pm Any idea why the colours on mobile devices are not like normal ?
not sure what you meant.
It looks same color in mobile and desktop for me.
Even in the screenshot you sent earlier, the color is same.
User avatar
Thunder86
Registered User
Posts: 94
Joined: Fri Apr 07, 2023 6:21 am

Re: [3.3][DEV] MegaMenu, Sticky Menu, Navbar for phpBB

Post by Thunder86 »

Desktop:



Mobile:


The Fields are there but Font and Background have the same color in the mobile version
Last edited by Thunder86 on Sun Apr 23, 2023 12:20 pm, edited 1 time in total.
User avatar
Thunder86
Registered User
Posts: 94
Joined: Fri Apr 07, 2023 6:21 am

Re: [3.3][DEV] MegaMenu, Sticky Menu, Navbar for phpBB

Post by Thunder86 »

Okay all issues are solved!


Is there any chance to bring the menu strips on the mobile version from the right side to the middle?
You do not have the required permissions to view the files attached to this post.
Badhon_raj
Registered User
Posts: 209
Joined: Wed Jan 04, 2012 6:33 pm

Re: [3.3][DEV] MegaMenu, Sticky Menu, Navbar for phpBB

Post by Badhon_raj »

Thunder86 wrote: Sun Apr 23, 2023 12:08 pm Okay all issues are solved!


Is there any chance to bring the menu strips on the mobile version from the right side to the middle?
You can add the following in custom css:

Code: Select all

@media screen and (max-width: 767px){
    .bootstrap .navbar-header .navbar-toggle {
        float: none;
        margin: 8px auto;
        display: block;
    }
}
User avatar
Thunder86
Registered User
Posts: 94
Joined: Fri Apr 07, 2023 6:21 am

Re: [3.3][DEV] MegaMenu, Sticky Menu, Navbar for phpBB

Post by Thunder86 »

Hey! Where can I change the hover colour, if I hover with the courser over the submenus? Now its changing from white to #333333 and thats no so nice.

I would like to use the same colour like on my Wordpress side. It should change from #757575 to #FFFFFF if I hover with the courser.

WP: https://photography.surferparadise.de
phpBB: https://community.surferparadise.de/index.php
You do not have the required permissions to view the files attached to this post.
User avatar
cabot
Registered User
Posts: 733
Joined: Sat Jan 07, 2012 4:16 pm

Re: [3.3][DEV] MegaMenu, Sticky Menu, Navbar for phpBB

Post by cabot »

Hello,

Add this to the custom css field:

Code: Select all

.bootstrap .dropdown-menu > li > a:hover,
.bootstrap .dropdown-menu > li > a:focus {
	color: #fff;
}
User avatar
Thunder86
Registered User
Posts: 94
Joined: Fri Apr 07, 2023 6:21 am

Re: [3.3][DEV] MegaMenu, Sticky Menu, Navbar for phpBB

Post by Thunder86 »

Thanks!

Is there any possibility to create the same hover effect in the main menu for the font not just in the dropdown menu?

Do you have an idea why the navbar isn’t 100% Menu alignment: left?

Update:

got it:

Code: Select all

.bootstrap .navbar .nav > li > a:hover,
.bootstrap .navbar .nav > li > a:focus {
	color: #fff;
}
aknctn
Registered User
Posts: 138
Joined: Fri May 03, 2019 2:10 pm

Re: [3.3][DEV] MegaMenu, Sticky Menu, Navbar for phpBB

Post by aknctn »

Hello again

How can i add a search area and how does it seen on mobile?
Ekran görüntüsü 2024-01-01 130340.png
You do not have the required permissions to view the files attached to this post.
Badhon_raj
Registered User
Posts: 209
Joined: Wed Jan 04, 2012 6:33 pm

Re: [3.3][DEV] MegaMenu, Sticky Menu, Navbar for phpBB

Post by Badhon_raj »

aknctn wrote: Mon Jan 01, 2024 10:05 am Hello again

How can i add a search area and how does it seen on mobile?

Ekran görüntüsü 2024-01-01 130340.png

search box is not available.
But can be added through some custom coding.

Edit: I see I'm quite late in replying.
sorry for that. didn't notice it somehow.
User avatar
ivailo95
Registered User
Posts: 1088
Joined: Tue Sep 05, 2017 8:00 am
Location: Bulgaria
Name: Ivailo

Re: [3.3][DEV] MegaMenu, Sticky Menu, Navbar for phpBB

Post by ivailo95 »

aknctn wrote: Mon Jan 01, 2024 10:05 am Hello again

How can i add a search area and how does it seen on mobile?

Ekran görüntüsü 2024-01-01 130340.png
You can add it like
fill your link from your board, as i did

this is just example
изображение_2024-04-06_133026904.png
yoursite/search.php
You do not have the required permissions to view the files attached to this post.
For REALLY good and VERY cheap hosting CLICK HERE
Watch "Lost in a random" game, it's the best

Return to “Extensions in Development”