Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • #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

    #883900

    Hey 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,
    Rikard

    #884656

    Hi,

    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

    #884733

    Hi,

    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 Shannon

    #884739

    Okay, 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

    #884804

    Hi,

    If possible please provide admin info, so we can log in and look into this issue further.

    Best regards,
    Jordan Shannon

    #884807
    This reply has been marked as private.
    #885168

    I 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 6 years, 11 months ago by sealmaster.
    #885484

    Hi 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,
    Victoria

    #886163

    Hello,

    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!

    #886816

    Hi sealmaster,

    Did you have the main menu and the submenu sticky or just the submenu?

    Best regards,
    Victoria

    #888923

    We had both sticky! Also, I would like to change the word “menu” to something else please!

    Thanks,
    Libbey

    #889012

    Hi Libbey,

    Can you try removing !important; from here
    Image 2017-12-14 at 18.02.55.png

    If you need further assistance please let us know.
    Best regards,
    Victoria

Viewing 13 posts - 1 through 13 (of 13 total)
  • You must be logged in to reply to this topic.