sub menu mobile custom

Hi Frédéric,

You can change the background colors and other options on the Property Panel for your menu.

Let us know if you have any further questions.

Thank you.
...................................................
Sincerely,
Ahmad M.
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1.
Follow us on Facebook: http://facebook.com/nicepageapp.

Yes, but it change to the desktop menu too.
I can do that ONLY for the mobile.

And i cant develop the sub-menu in the configuration.. Or i dont know how. See screenshot.

The url is : https://ins-tant-pour-soi.fr/

Oh we see Frédéric, thanks for the screenshot

Please provide us temporary access to the website backend admin panel and attach your exported project to this ticket for further investigation.

We would appreciate it if you want to include more information in your report that will help us recreate the issue you're experiencing.

Thank you.
...................................................
Sincerely,
Ahmad M.
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

Hi,
i cant export the project. Only in Joomla plugin. And i dont see the reason to give you access to the admin.
You can easely reproduce this with a fresh Joomla installation, and some sub-menus.

Regards

You just have to make possible the development of the sub menu in mobile view, in the Nicepage page.
And the possibility to modify the mobile version only, and not all the sub-menu.

Regards

Hi Frédéric,

Unfortunately, we were not able to reproduce the issue with the submenu

Please update your Desktop App and update the template in your Joomla website.

Let us know how it goes,

Thank you.
...................................................
Sincerely,
Ahmad M.
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1.
Follow us on Facebook: http://facebook.com/nicepageapp.

Hi, have you a sub-menu ? I did not see it in your screenshot...
Try to put some sub-menu to your Pizza menu

I talk about multiple level menu.

Make your Pizza menu and as sub-menu : Pizza 1, Pizza 2, Pizza 3.

Last edited 17 September 2021 by frederic

Here's some GIF file and 2 levels of the Submenu,

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

OK, and what is the color of your menu ?
I mean for the desktop ?

Because in my example, my sub-menu background is white in the desktop.
So the question is can have a background color white in the desktop and black in the mobile ?

Last edited 18 September 2021 by frederic

Hi Frédéric,

In the Hamburger Panel you can set the color you want

Here's what we get as a result.

So the question is can have a background color white in the desktop and black in the mobile ?

The hamburger button is only one, you can display it for any of the available devices, but you can't set the different color for different devices for the same button.

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1.
Follow us on Facebook: http://facebook.com/nicepageapp.

Hi, thank you. but you don't understand my problem, or I'm explaining it wrong.
So here is a little video for explantation : https://www.youtube.com/watch?v=Fm8T1aNAJcU

Regards.

Hello Frédéric,

Thanks for so clear explanation of what you want to achieve.
We are sorry, but there is no possibility in Nicepage to change the submenu background color on the Hamburger Panel.
Only background of the panel.
We could suggest setting transparent color with shadow so the color will be corresponding to the main background color.
Also, there is the possibility to add custom CSS into Nicepage CSS control to change color in Hamburger Panel.
...................................................
Sincerely,
Negat Veri
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

Hi,
ok, can you please help me on the css code to put ?

Tried this :
.u-button-style.u-white, .u-button-style.u-white {
color: #ffffff !important;
background-color: transparent !important;
margin-left: 10px;
}

But it dos not work. It always make modification to desktop and mobile. I think i have to put a "@media screen" but i cant find the good solution.

Regards

Frédéric,

For mobile layout you are right - the best practice is to use media queries.

In general, yes, the mobile-specific styles require media queries.

So the question is can have a background color white in the desktop and black in the mobile ?

Please try adding the following code to the Site Settings >> CSS:

.u-enable-responsive.u-offcanvas  .u-nav-popup  .u-nav-link
{
background: black;
}

This code is specific for the responsive panel and does not need media queries.
Please let us know if you have any further questions.

...................................................
Sincerely,
Olivia
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp