Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • March 6, 2023 at 6:07 pm #1400275
    woogie07

    Hi

    I want to include a sub nav on the left or right of content that is similar to the example page in the private area.
    There will be a different page for each link on the sub-menu which will include a banner header and content.

    1/ I looked at the full width sub-menu element but this does not not sticky display on mobile – unless there is CSS that would make it sticky on mobile?
    Or
    2/ Running the page as a side column and somehow adding the menu as a widget on the side column?

    Or is there an alternative?

    Thanks

    March 7, 2023 at 10:59 am #1400338
    woogie07

    Hi,

    Please feedback asap please

    Thanks

    March 7, 2023 at 6:56 pm #1400381
    Mike

    Hi,
    Guenni007 has posted a solution to make the fullwidth submenu sticky on mobile please check.
    Otherwise, you could use the widget element to display a navigation widget in the page and choose a specifically created menu for that page.
    I see that on your example page the sidebar menu is below the content on mobile, it only shows next to the content for tablet and above.
    Also, I don’t think it is loading pages I think it is a tab container with the tabs to the side instead of above, try the tab section element with the Tab Position to the left in the options.

    Best regards,
    Mike

    March 7, 2023 at 7:09 pm #1400384
    Guenni007

    or see here a sidebar that is sticky – till the end of the scroll column is reached.
    https://webers-testseite.de/sticky-sidebar/

    but this has only a good look for non responsive cases. so the submenu on top will be the best solution i think.

    • This reply was modified 1 year, 8 months ago by Guenni007.
    March 7, 2023 at 8:13 pm #1400398
    Rikard

    Hi,

    Thanks for helping out @guenni007 :-)

    Best regards,
    Rikard

    March 7, 2023 at 9:31 pm #1400407
    woogie07

    Thanks for your feedback.

    The link/forum info on the full width mobile sticky seems a little confusing?

    Thanks

    March 8, 2023 at 7:45 am #1400432
    Guenni007

    you mean this link. Not for those who are familar with having customised alb elements in child-theme.

    • 1) you must declare a folder where those edited child-theme alb elements will be found
      that is the snippet for child-theme functions.php that i posted on the link – and could also be found on Enfold Docu: Add Elements to ALB
    • 2) oh how nice : all changings are made by another participant to download : Download
    • 3) follow those instructions where to upload via ftp : enfold-child/shortcodes folder
      this does not exist per default – so if not – create one.
    • 4) refresh all merging and caching – test it

    Quit simple as ABC

    March 8, 2023 at 10:37 am #1400446
    woogie07

    OK thanks

    I thought it may have been as simple as adding some CSS code to make the full wodth menu sticky.

    I probably can’t use the full width menu option because there are too many nav headings/options – 7 in total. Ot looks too messy when it stacks on mobile.

    Thanks
    Marcus

    March 9, 2023 at 2:19 pm #1400566
    Guenni007

    thats why i mentioned it that the css is set to !important on enfold menu.css for responsive case.
    It is not possible to overwrite such a setting via quick css – even if it is set to important too.
    the other thing is the calculation if clause in menu.js 

    if( burger_menu.is(":visible") ){
	this.css({top: 'auto', position: 'absolute'}); fixed = false;
	return;
}

    this has to be commented out – because that is the reason why it is set to position: absolute allthough the setting is fixed in alb.

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