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

[Badhon_raj]

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.

[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

[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

[Badhon_raj]

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;
}

[Thunder86]

Perfect! That's exactly what I needed..

Any idea why the colours on mobile devices are not like normal ?

[Badhon_raj]

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.

[Thunder86]

Desktop:



Mobile:


The Fields are there but Font and Background have the same color in the mobile version

[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?

[Badhon_raj]

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;
    }
}

[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

[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;
}

[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]

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

[Badhon_raj]

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.

[ivailo95]

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