- This topic has 2 replies, 3 voices, and was last updated 2 months, 2 weeks ago by
David.
-
AuthorPosts
-
September 9, 2020 at 7:40 am #1436630
JOSE
I’m testing GP3 in a web with dispatch site library.
With floats the copiright foot not expand.
With flecbox the foot not expand and the mega menu not show well, not show 4 columns only 3.
I paste the code:@media (min-width: 769px) { nav .main-nav .mega-menu { position: static; } nav .main-nav .mega-menu > ul { position: absolute; width: 100%; left: 0 !important; } nav .main-nav .mega-menu > ul > li > a { font-weight: bold; } nav .main-nav .mega-menu>ul>li { display: inline-block; width: 25%; vertical-align: top; } nav .main-nav .mega-menu.mega-menu-col-2>ul>li { width: 50%; } nav .main-nav .mega-menu.mega-menu-col-3>ul>li { width: 33.3333%; } nav .main-nav .mega-menu.mega-menu-col-5>ul>li { width: 20%; } nav .main-nav .mega-menu > ul > li:hover > a, nav .main-nav .mega-menu > ul > li:focus > a, nav .main-nav .mega-menu > ul > li[class*="current-"] > a, nav .main-nav .mega-menu ul ul { background-color: transparent !important; } nav .main-nav .mega-menu ul .sub-menu { position: static; display: block; opacity: 1; visibility: visible; width: 100%; box-shadow: 0 0 0; left: 0; height: auto; } nav .main-nav .mega-menu ul.toggled-on .sub-menu { pointer-events: auto; } nav .main-nav .mega-menu .sub-menu .menu-item-has-children .dropdown-menu-toggle { display: none; }
September 9, 2020 at 2:22 pm #1437272Tom
Lead DeveloperLead DeveloperHi there,
It’s very likely that the CSS for the simple mega menu will need to be rebuilt to work with the flexbox version of the theme. We’ll be going through the docs like this to update them once the stable version is released 🙂
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-developmentNovember 9, 2020 at 4:17 am #1523622David
StaffCustomer SupportHi there,
try the CSS method i provided here:
https://generatepress.com/forums/topic/7-column-mega-menu/#post-1523620
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/ -
AuthorPosts
- You must be logged in to reply to this topic.