Tagged: 

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #695663

    Hi, I have a website that needs a sidebar on all pages. Unfortunately, the sidebar is not showing when I have a fullwidth Google Maps section at the bottom of the page.
    There is no problem with a fullwidth slider on top of the page, but if I put the slider to the bottom of the page, the sidebar is missing again.
    I also put the fullwidth element in between other content blocks and I noticed that the sidebar shows after the fullwidth element and disappears when the fullwidth element is at the bottom of the page.

    I tried setting the sidebar settings to “no sidebar” and working with columns and a widget area, but I’ll have to completely redo the layouting + I’ll have to change 26 pages.

    Is there another solution for this problem?

    #695730

    Hi mediabelgium!

    Can we please take a look at the page where you use the map, so we can see the results?

    Thanks a lot

    Best regards,
    Basilis

    #696007

    Hi,

    You can see the page here:

    #696123

    Hi,

    I have found a nicer workaround using jQuery:

    if ($(“.avia-google-map-container”).length) {
    $(“#footer”).prepend($(“.avia-google-map-container”));
    }

    and in css I removed the top padding and border of the footer element.

    I just have to place the google maps block in a 1/1 column and the jquery code puts it full width in the footer.

    #696191

    Hey!

    Thanks a lot for sharing the code, we do appreciate it a lot.
    Please feel free to let us know if we can do anything else for you

    Regards,
    Basilis

    #710457

    Hey!

    I have the same problem here, the sidebar is not showing when I have a fullwidth Google Maps section at the bottom of the page.
    is there some other workaround? i think i cant make these changes @mediabelgium did, can i?

    Thanks!

    • This reply was modified 7 years, 4 months ago by Nerohm.
    #710854

    Hi,


    @Nerohm
    Fullwidth elements always push the sidebar below them. That is expected. However, please start a new thread under Enfold sub forum and attach a link to your page, a screenshot showing the issue and desired solution :)

    Best regards,
    Yigit

    #710885
    Anonymous

    Hello, Yigit,

    You are saying the full width elements cause the sidebar to come below them. We are using the Avia layout elements. If it says 1/1 on this element, then I assume this means that it is full width and that is the reason that the sidebar goes below. What can we do about this if we are using these elements?

    Thank you,
    Mia

    #711782

    Hi!

    You are saying the full width elements cause the sidebar to come below them.

    Yes, full width elements such as the color section, full width slider etc are rendered before the sidebar so the sidebar goes underneath those element. Please register to the forum then open a new thread. We’ll check the issue there.

    // https://kriesi.at/support/register/

    Regards,
    Ismael

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