I am encountering some difficulties with the footer design on my website. The footer consists of two separate sections - the mainFooter area and a copyright area.
The issue arises because there is a single logo that needs to be displayed in both sections but needs to stay aligned at all times. This logo is split between the two areas, which can make alignment challenging.
This led me to divide the footer into two sections, ensuring that the text "Art now" remains properly aligned with the building. To address this, I used absolute positioning on both elements, setting them to right:0 and bottom:0 while adjusting their position using margin-top/bottom.
However, this method only works when the logo is positioned far from the center, making it look misaligned compared to other content on the page, which is mostly centered. This discrepancy may not bother me personally, but our client's designer is particular about these details.
Although I find the logo's alignment towards the far right acceptable since it does not overlap with the footer content and looks presentable, the client's designer prefers precise alignment.
If anyone has suggestions on how we could handle this issue - keeping the logos in the footer while ensuring proper alignment without overlapping the content - please share your ideas.
You can view the development site here
Any input or solutions would be greatly appreciated!