Support Center Visit Demo License manager Buy @ envato

Sidebar Menu - no scrolling - wrong jump position

phsalvisbergphsalvisberg
in Menu / Mega menu
I've defined a page with a sidebar menu on the left. I've enabled the "One Page" option and I'm using Be Theme 12.3. When I click on a menu option the following happens:

a) jumps to the defined anchor instead of using the scrolling meccanism
b) the position is from a user point of view wrong (it's technically correct, but it's just not visible because of the sticky header)

Interestingly, if I open a the the link https://www.oddgen.org/tutorial-1-sidebar/#create_tables in the browser the first time, it jumps to the "wrong" position and scrolls smoothly up so that the hidden text becomes visible.

I'd like to fix both issues but I'm stuck. I have no idea how. Could you please assist me?

Thank you.

P.S. The menu works perfectly if I replace the main menu with the menu in the slide bar, but that is not what I want...

Comments

  • AlbertAlbert
    Hi,

    a) Each item/shortcode/link, must have scroll class. Otherwise, scroll won't work.

    b) We clicked on http://pasteboard.co/2quC0Bnw.png and looks like it goes to the right section.

    Thanks!
    Learn more: Video Tutorials | How To | FAQ Vote on what comes next
  • phsalvisbergphsalvisberg
    Hi,

    a) I do not agree. According your documentation under http://themes.muffingroup.com/betheme/documentation/#smooth-scroll-one-page it is not longer necessary to define the scroll class if "One Page" is on (which it is in my case). Additionally I do not see the possibility with the actual release 12.3 to define such a class anymore, see screenshot. The "CSS classes (optional)" field is missing. See http://pasteboard.co/2qMEBh7z.png

    b) Ok, you clicked on the link with the anchor. Then it works as described. However, open https://www.oddgen.org/tutorial-1-sidebar and then click on "Create Tables" in the sideboard. Then you the following result: http://pasteboard.co/2qMPQVAl.png

    So, both questions are still open. Any help is very much appreciated. Thank you.
  • AlbertAlbert
    a) To activate additional fields (like CSS classes), click on Screen Options in the right top corner.

    b) It's because those links on sides does not have scroll class.
    Learn more: Video Tutorials | How To | FAQ Vote on what comes next
  • phsalvisbergphsalvisberg
    a) Scrolling - Thanks, that worked, scrolling works now, issue solved (however, I still do not understand the documentation regarding OnePage). Works in all browsers I've mentioned in b)

    b) Positioning - Yes and No. Works now in Chrome 49.0 on Mac 10.11.3, Edge, IE 11, Firefox 45.0.1 on Windows 10, but not in Firefox 45.0.1 and Safari 9.0.3 on Mac OS 10.11.3... strange.

    not bad, but not perfect. Are these incompatibilities known? BTW I have an additional question in this context

    c) Sticky Sidebar - Is something like that possible to define? Would be nice to keep the menu always on the screen
  • phsalvisbergphsalvisberg
    correction regarding b) - Works when menu items are visible. When you resize the browser that the menu items are gone then the positioning is wrong. as in http://pasteboard.co/2qMPQVAl.png
  • AlbertAlbert
    b) We did checked in Firefox and Safari on Mac and all works fine. When you resize window, the header makes bigger and that's why the content goes behind. And because this is not how regular users behave (resize browser windows), there is nothing what we can do in this case.

    c) No, it is not possible to have sticky sidebar.
    Learn more: Video Tutorials | How To | FAQ Vote on what comes next
  • phsalvisbergphsalvisberg
    ok, thank you for the answer. but regarding b) it is not a resizing issue. In fact if choose a screen resolution of 1024*768 and open https://www.oddgen.org/tutorial-1-sidebar on a maximized browser window select "Create tables" than the positioning is wrong. Simply put the scrolling feature does not position correctly with in screen resolutions smaller than the gird width defined in the theme options (in my case 1240 - the default).

    So I consider this a bug. Do you agree?
  • phsalvisbergphsalvisberg
    e.g. the positioning is per default wrong on my iPad
  • phsalvisbergphsalvisberg
    I've tested it on my iPhone 6 as well. Because of the smaller screen the side bar is position at the bottom of the page. Scrolling to the anchors works perfectly, even if the header is much much bigger (than necessary - another issue).
  • AlbertAlbert
    We will have a look on it closer while next updates then and will see if there is anything what we can do to sort it out.
    Learn more: Video Tutorials | How To | FAQ Vote on what comes next
  • phsalvisbergphsalvisberg
    Ok, thank you. I cannot ask for more. I delete the site mentioned above, since I moved the content to https://www.oddgen.org/tutorial-1/


Sign In or Register to comment.