Tagged: 

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • October 5, 2016 at 5:55 pm #695663
    mediabelgium

    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?

    October 5, 2016 at 7:40 pm #695730
    Basilis

    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

    October 6, 2016 at 1:29 pm #696007
    mediabelgium

    Hi,

    You can see the page here:

    October 6, 2016 at 5:44 pm #696123
    mediabelgium

    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.

    October 6, 2016 at 9:31 pm #696191
    Basilis

    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

    November 9, 2016 at 10:05 pm #710457
    Nerohm

    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, 12 months ago by Nerohm.
    November 10, 2016 at 5:40 pm #710854
    Yigit

    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

    November 10, 2016 at 8:42 pm #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

    November 14, 2016 at 6:07 am #711782
    Ismael

    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

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