Footer modified with Elementor footer header blocks

  • Resolved misaoa

    (@misaoa)


    4 years, 10 months ago

    Hello,

    The plugin “Elementor – Footer Header blocks” works fine with any page except all the shop content(archive pages).

    I created a custom footer, for welcome page + cart page it’s ok , at the bottom like i want. But for the products shop page it’s placed on the left side not at the bottom like the rest of the website.

    Can you help me ?

    Vincent.

    The page I need help with: [log in to see the link]

Viewing 7 replies - 1 through 7 (of 7 total)
  • Theme Author Ben Sibley

    (@bensibley)

    Hi Vincent,

    Thanks for using Modern Store!

    Try adding this CSS to the site:

    .single-product .main-container {
  flex-direction: column;
}

    Please copy & paste the code above into the “Additional CSS” section in the Customizer (Appearance > Customize), and it will take effect right away.

    Thread Starter misaoa

    (@misaoa)

    Hi Ben,

    Super support here !
    It worked ! I’ll check the whole site to see if anything is wrong with this footer.
    Thanks ??

    Vincent.

    Edit 1 : It work only for single product page.
    I used same code you gave me with .archive instead of .single-product but then the widget postion is in column too ??
    I also tried the flex-flox function but same result.

    • This reply was modified 4 years, 10 months ago by misaoa.
    Theme Author Ben Sibley

    (@bensibley)

    Is there any way you can provide a preview of the site again? I’m getting a “coming soon” page now.

    If you’re thinking of buying Elementor Pro, I can verify that its custom headers and footer both work correctly with Modern Store.

    Thread Starter misaoa

    (@misaoa)

    Hello ben,

    Coming page is disable, you can access.

    I don’t want to buy elementor pro right now.

    Theme Author Ben Sibley

    (@bensibley)

    Thanks!

    I have a better solution that you can use instead of the previous CSS:

    .main-container {
  flex-wrap: wrap;
}
.main-container footer {
  width: 100%;
}

    That should fix the footer display on all pages without causing the new issue with the store sidebar.

    Thread Starter misaoa

    (@misaoa)

    Hello Ben,

    Thank a lot, it worked on every page of the website.

    Great support ??

    Vincent.

    Theme Author Ben Sibley

    (@bensibley)

    Awesome. Glad I could help ??

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Footer modified with Elementor footer header blocks’ is closed to new replies.