(Mobile) Main menu

[MCW1891]

MCW1891

March 9, 2020 at 4:42 am

Hi all

the relaunch of our website is nearly final and we´re very happy about the fresh and beautiful design offered by pro-virtue theme with tons of options.

Last, but not least we are working on the main menu and have questions regarding this:

Desktop-Version:
1. We set the main-menu´s position by
#nav-main ul.sf-menu {
margin-top: 45px;
}

considering a font-size of 18px and a line-height of 18px.

The top of the submenu shall be equal to the top of the background-video on our main page. So we did the following:

#nav-main .sub-menu {
margin-top: 12px;
}

In this case the problem is that there seems to be too much space between the main manu and submenu so that one “looses” the connection to menu and the submenu closes while hovering. Is there a way how to avoid this?

2. Is it possible to use an arrow at the top of the submenu like here:

Or alternatively, a red-colored line at the top of the submenu?

Mobile Version:
3. We use a topbar-symbolmenu and have activated the topbar mobile-menu-layout. But the topbar menu isn´t transferred in the mobile version, for example the blog-link is missing.
4. Using a smartphone there are a several gray boxes overlaying each other, especially after one has visited a special page and clicking on the main menu again. This doesn´t look nice, see here:

It shall look like here before you have clicked on a link:

How can we avoid the overlaying gray boxes in the mobile menu?

5. Using a tablet (768×1024) the main menu is hardly too recognize because of a missing background-colour, please have a look at:

On several pages the menu is hided by the content (on the main page there is no video although we don´t use a lightweight slider for tables???).
Further on, it isn´t possible to click on the topbar-menu-icons: they seem to be over layered by the logo.
How can we solve these issues?

Best regards

• This topic was modified 6 years, 1 month ago by MCW1891.
• This topic was modified 6 years, 1 month ago by MCW1891.
• This topic was modified 6 years, 1 month ago by MCW1891.