Request for Footer Newsletter Section Alignment

This topic has 5 replies, 2 voices, and was last updated 5 days, 5 hours ago ago by Ayan Rahman

  • Avatar: Muffle
    Muffle
    Participant
    March 29, 2026 at 14:15

    Hi Team,

    I hope you are doing well.

    I am currently working on my website using the XStore theme and facing an issue while designing the footer section. I have tried multiple settings and adjustments, but I am unable to achieve the desired layout properly. Sometimes the content shifts incorrectly, and other times the alignment breaks, especially across different screen sizes.

    My requirement is to have the newsletter signup section (yellow block) positioned in a clean, centered, and slightly overlapping style within the footer — similar to the demo layout you have provided.

    Below are my expectations clearly:

    The yellow newsletter section should appear centered and properly aligned within the footer
    It should have a floating/overlapping effect, just like in your demo example
    The rest of the footer (logo, text editor content, policy links, etc.) should remain structured exactly as I have designed
    The entire layout should be fully responsive and work properly on both desktop and mobile

    I have already created the full footer structure, I just need help in properly aligning and styling this newsletter section so that it looks clean and professional like your demo. After this, all the remaining footer content such as my brand logo, text editor content, and other elements should appear properly below it, without anything getting hidden or overlapping incorrectly.

    I have also shared a reference/example for better understanding. Kindly set this up for me accordingly.

    Looking forward to your support.

    Thank you.

    Content is visible for topic creator and
    support staff only.
    Files is visible for topic creator and
    support staff only.
    4 Answers
    Avatar: Muffle
    Muffle
    Participant
    March 30, 2026 at 08:59

    Hello Team,
    Any Update..

    Thanks.

    Avatar: Ayan Rahman
    Ayan Rahman
    Support staff
    March 30, 2026 at 10:08

    Hi,

    Thank you for reaching out to us.

    Sorry for the delay in responding due to the weekend.

    When we go to the footer editor via your link, we see two footer blocks. Which one do you need to adjust?
    Can you remove the unnecessary block in the footer so that only one remains, which we can customize to your desired result?

    Warm Regards,
    The 8Theme Team

    Avatar: Muffle
    Muffle
    Participant
    March 30, 2026 at 10:50

    Hi Team,

    Thank you for your response.

    Just to clarify, I would like you to work on the upper footer, as that is my main footer where all my links and content are already placed. You can open it and check the structure.

    The lower footer has been added only for reference purposes. I created it to show the exact style of the newsletter signup section that I want.

    My requirement is to design the newsletter signup block in the upper footer exactly like the one in the lower footer — centered and with the same overlapping/floating effect.

    So essentially:

    Keep the upper footer as the main footer
    Use the lower footer only as a reference
    Replicate the same newsletter signup design from the lower footer into the upper footer

    That’s why currently there are two footers.

    Hope this clarifies things. Please let me know if anything else is needed.

    Thank you for your support.

    Avatar: Ayan Rahman
    Ayan Rahman
    Support staff
    March 30, 2026 at 12:12

    Hi,

    Private Content

    Warm Regards,
    The 8Theme Team

    Content is visible for topic creator and
    support staff only.
  • Viewing 5 results - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.