Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • April 19, 2022 at 8:56 am #1348730
    Ploti

    Dear support team

    I operate an enfold-theme WordPress website and ran into issues when placing the main menu in the “left sidebar” and setting its position to “always fixed” (i.e., it doesn’t move when scrolling the main page). I also enabled the four-column footer layout. With these options, the sidebar overlaps the footer and base. The problem is that

    • the footer and base content are not centered on the visible page
    • the sidebar overlaps the left-most column of the footer on certain screen sizes

    A fix for the overlapping issue is to use CSS and shift the sidebar background behind the footer with

    .header_bg {
    z-index: 0 !important;
    position: relative !important;
    }

    However, this causes the sidebar content to overlap with the footer. Could you propose a fix to this problem by either:

    • moving also the sidebar content behind the footer and base;
    • centering the footer and base content on the visible part of the website.

    This issue is also partially visible on the enfold theme’s consulting demo page.

    • This topic was modified 3 years, 7 months ago by Ploti.
    April 19, 2022 at 11:15 am #1348763
    Ismael

    Hey Ploti,

    Thank you for the inquiry.

    We cannot see the issue on the demo page. Please provide the site URL in the private field and a screenshot of the layout issue so that we can check it properly.

    Best regards,
    Ismael

    April 19, 2022 at 11:54 am #1348776
    Ploti

    Hi Ismael

    Thanks for your reply. I attach the wp info in the private message. Attaching images is cumbersome, but you can reproduce the issue by resizing the browser window to a small height.

    Best
    Ploti

    April 25, 2022 at 3:14 am #1349310
    Ismael

    Hi,

    Sorry for the delay. We just noticed that the site is still using an older version (4.7.6.4) of the theme and requires an update. Please download the latest version (4.9.2.1) from your Themeforest account and upload it to your server manually via FTP. Please check the documentation below for more info.

    // https://kriesi.at/documentation/enfold/theme-update/#update-via-ftp

    Did you add some css modifications to make the #footer full width?

    Thank you for your patience.

    Best regards,
    Ismael

    May 30, 2022 at 10:18 pm #1353506
    Ploti

    Dear Ismael

    Sorry for the delay, but I had some time to update the theme and it is now at 4.9.2.3. Unfortunately, the issue still persists.

    I only have one CSS modification that affects the position of the sidebar. When disabling it, the footer does not appear centered. When enabling it, the sidebar content overlaps the footer. You can find a screenshot of the issue in the link I attach in the private part of this post.

    Thanks for your help!

    May 31, 2022 at 2:28 pm #1353592
    Mike

    Hi,
    Thank you for the link to your site, I found that your layerslider is causing the page div <strong style=’color:#000′>wrap_all to close with the footer outside
    2022-05-31_082107.jpg
    I tried to make a copy of your layerslider and remove the <div id="myRandomText">Wir sind Indianer</div> so the script would not run, but the script still ran and the footer error was still there.
    I made a copy for your site, linked below, without the script and the footer is correct, so I don’t think it’s any other elements or the theme, please check.

    Best regards,
    Mike

    May 31, 2022 at 6:02 pm #1353615
    Ploti

    Hi Mike

    Indeed, removing the LayerSlider element on the page solves the issue. However, I would like to keep this element if possible.

    I browsed the LayerSlider settings and it says there (under “Performance>Include scripts in the footer” that LayerSlider stores some scripts in the footer. It is not possible to disable this option due to the Enfold theme. Do you think this could be the issue?

    Thanks for your help!

    June 1, 2022 at 2:16 pm #1353754
    Mike

    Hi,
    Thanks for the feedback, as you see on my test page I’m using your layerslider on a copy of your page with the footer correct, so with this in mind, I tried deactivating some of your plugins and found that
    wp-Typography was causing a conflict, once it is deactivated your footer is correct again. Please check.

    Best regards,
    Mike

    June 1, 2022 at 6:10 pm #1353789
    Ploti

    Heureka! Thank you very much :) This solved the problem!

    June 1, 2022 at 7:40 pm #1353820
    Rikard

    Hi,

    Great, I’m glad that Mike could help you out. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

    June 2, 2022 at 8:52 am #1353876
    Ploti

    Hi Rikard

    No, you can close the issue! Thanks again for your help!

    June 2, 2022 at 10:19 am #1353891
    Rikard

    Hi,

    Thanks for letting us know, I’ll close this thread for now then. Please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘Non-centered footer with "always fixed" "left sidebar" main menu’ is closed to new replies.