Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • July 11, 2018 at 12:00 pm #984162
    beenee

    Hi guys,
    I can’t seem to find out why the menu on this page jumps right/left when I click another menu entry: http://ra-weinert.de/
    Are there any ideas?
    Thanks…

    • This topic was modified 6 years, 4 months ago by beenee.
    July 11, 2018 at 12:14 pm #984180
    Yigit

    Hey Stefan,

    Are you experiencing the issue on a certain browser? If so, which browser and OS are you using?
    I checked your menu however i cannot reproduce the issue

    Best regards,
    Yigit

    July 11, 2018 at 1:12 pm #984207
    beenee

    Thanks Yigit,

    Good point, sorry for not mentioning it straight away.
    ! it’s on a Linux Mint 18.2 with FF 61.0 (64bit). Now I just tried it on a Windows 8.1 FF61.001 – same issue.
    It works well on the Linux in Chromium Browser (Version 66.0.3359.181 (Official Build) , running on LinuxMint 18.2 (64-bit))
    It also has the problem on Google Chrome (Version 67.0.3396.99 (Official Build) (64-bit)) on Win 8.1

    Check the clicks (back and forth) between the menu items: Start & Kernkompetenzen
    Best
    Stefan

    July 12, 2018 at 9:56 am #984583
    Victoria

    Hi beenee,

    Works totally fine in Chrome and Safari on a Mac and I see no errors in console. Do you have any JavaScript customizations?

    Best regards,
    Victoria

    July 12, 2018 at 12:06 pm #984649
    beenee

    Thanks Victoria,
    The only thing I have is a div for the menu background (No JavaScript):

    div#header_main > .container .inner-container {
    background: #286230;
    }
    But I took it out and it showed the same result.

    I found out that the issue is only on the mentioned browsers in full-screen mode. No full screen, problem don’t persist.

    best
    Stefan

    July 12, 2018 at 1:32 pm #984729
    Victoria

    Hi Stefan,

    Can you please record a small screencast of the issue?

    Best regards,
    Victoria

    July 12, 2018 at 1:52 pm #984746
    beenee

    Ok Victoria created a screencast. Can’t find a way to upload it onto the blog…?! Link below. txs

    July 13, 2018 at 8:53 am #985036
    Victoria

    Hi beenee,

    Thank you for the screencast, however, I do not see the issue, this is just the normal page reloading. It’s not a single page website and pages load when you navigate through the menu.

    Best regards,
    Victoria

    May 27, 2019 at 5:07 pm #1104556
    beenee

    I know it’s been a while. But its still not solved.
    Please check the screen-cast again. Once the menu-items are clicked the menus jump back and forth (left <-> right) …this is a bit annoying.

    Any ideas anyone?

    May 27, 2019 at 6:16 pm #1104567
    cg

    I can’t see that screencast from you …
    … but maybe you mean the “jumping” because sometimes a short page does not need a scrollbar and then switching to a page with more content inserts the browser-scrollbar on the right side, so the whole page “jumps” a bit to the left.

    If that really bothers you, a possible solution would be to always activate the scrollbar with this CSS even when scrolling is not needed:

    html {
    overflow-y: scroll;
}

    Is that what you mean?
    Does this solve it?

    —–
    Info about adding custom CSS to Enfold:
    => https://kriesi.at/documentation/enfold/add-custom-css/

    May 27, 2019 at 9:18 pm #1104587
    beenee

    Hi cg and thanks for the idea but…nope,…no scrollbar jumping…

    June 1, 2019 at 5:49 am #1105957
    Vinay

    Hi,

    Currently on some pages the scrollbar shows and on some pages which are not long enough the scrollbar does not show. This is default browser behavior but this affects the menu position. You can force the scrollbar to be displayed on all pages by using the below CSS.

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

    CSS Snippet:

    
/* CSS - */
html {
    overflow: -moz-scrollbars-vertical; 
    overflow-y: scroll;
}

    You may not see the changes until the cached files are cleared in your browser.

    Please perform the below steps to clear the browser cache:

    1. Disable “merging and compression” for CSS and JS files from Enfold > Performance.
    2. If a caching plugin is installed check the plugin settings and clear the cache and deactivate the plugins for testing purpose.
    3. Hard refresh by pressing Ctrl + Shift + F5 on your browser or press the F12 key to open chrome dev tools and right click on the refresh button and select “Empty Cache and Hard Reload”.

    Best regards,
    Vinay

    November 14, 2019 at 12:59 pm #1156763
    beenee

    Awfully sorry for the late response!
    THANK YOU VINAY
    This was the solution!!!!
    You can close the ticket!

    November 14, 2019 at 7:36 pm #1156898
    Jordan Shannon

    Hi,

    I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 14 posts - 1 through 14 (of 14 total)
  • The topic ‘Menu jumping slightly…’ is closed to new replies.