Tagged: Fullwidth sub menu
-
AuthorPosts
-
November 29, 2017 at 11:10 pm #883212
Hello,
I am using the fullwidth sub menu as a secondary navigation on my website. I would like it to be on every page in the same location. I was unable to find any existing threads that gave me a clear answer. Please advise.
Thanks
December 1, 2017 at 2:15 pm #883900Hey sealmasters
Maybe you could save a page with that menu and then save it as a template, then you can load that template on each new page?Best regards,
RikardDecember 4, 2017 at 3:04 pm #884656Hi,
I did not want to do it that way, because there is a ton of pages and if there were a change, I would not like to have to change them all.
Is there an alternative?Thanks
December 4, 2017 at 5:52 pm #884733Hi,
Unfortunately there is no out-of-the-box solution. This is something that would likely have to be custom coded to work, and unfortunately that would go beyond the scope of support here in the forums.
Best regards,
Jordan ShannonDecember 4, 2017 at 6:14 pm #884739Okay, thank you.
Is there any code that I can use to change when the fullwidth sub menu snaps to the responsive mobile hamburger menu to be sooner and at the same time as the main menu?
Thanks
December 4, 2017 at 10:07 pm #884804Hi,
If possible please provide admin info, so we can log in and look into this issue further.
Best regards,
Jordan ShannonDecember 4, 2017 at 10:11 pm #884807This reply has been marked as private.December 5, 2017 at 5:30 pm #885168I would like the fullwdith sub menu to either snap into mobile hamburger menu when the main menu does, or snap before it is forced to go to two lines, which happens in the tablet range.
- This reply was modified 7 years ago by sealmaster.
December 6, 2017 at 11:03 am #885484Hi sealmaster,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
@media only screen and (min-width: 768px) and (max-width: 1055px) { .responsive #top .sticky_placeholder{height:0px;} .responsive #top .av-submenu-container{top: auto !important; position: relative !important; height:auto; } .responsive #top .av-menu-mobile-active {text-align: center; } .responsive #top .av-menu-mobile-active .mobile_menu_toggle{display: inline-block;} .responsive #top .av-menu-mobile-active .av-subnav-menu{display:none;} .responsive #top #wrap_all .av-menu-mobile-active.container {width:100%; max-width: 100%;} .responsive #top .av-menu-mobile-active .av-open-submenu.av-subnav-menu{display:block;} .responsive #top #wrap_all .av-menu-mobile-active.container { width: 100%; max-width: 100%; } .responsive #top .av-menu-mobile-active { text-align: center; } .responsive #top .av-submenu-container { top: auto !important; position: relative !important; height: auto; } .responsive #top .av-menu-mobile-active .av-subnav-menu li { display: block; border-top-style: solid; border-top-width: 1px; padding: 0; } }
If you need further assistance please let us know.
Best regards,
VictoriaDecember 7, 2017 at 4:55 pm #886163Hello,
Thank you that worked perfectly. Although it is no longer sticky. How can I remedy that? Also, I would like to change the word “menu” to something else.
Thanks!
December 9, 2017 at 1:56 pm #886816Hi sealmaster,
Did you have the main menu and the submenu sticky or just the submenu?
Best regards,
VictoriaDecember 14, 2017 at 3:16 pm #888923We had both sticky! Also, I would like to change the word “menu” to something else please!
Thanks,
LibbeyDecember 14, 2017 at 6:03 pm #889012 -
AuthorPosts
- You must be logged in to reply to this topic.