Footer is not responsive on mobile devices

[Farhaduneci]

Issue description

Hey there,
First off, huge thanks for this awesome project! 🤩

I noticed a small issue with the theme toggle button in the footer. It seems a bit off-center, probably due to the back to top button space, which might not be visible always. Even when the back to top button is visible, the problem remains as that button is not relatively displayed.

I have a suggestion to fix this! How about breaking the footer into two rows on smaller screens? One row for the copyright text and the other for the toggle button. 🛠️

What do you think? If you like the idea, I'd be more than happy to help with the changes and send a pull request. Let me know your thoughts! ✌️

Theme version

v2..6.1

Hugo version

hugo v0.115.3+extended darwin/arm64

Which browser rendering engines are you seeing the problem on?

Firefox (Mozilla Firefox)

URL to sample repository or website

https://farhaduneci.github.io/softwarexplore/

Hugo output or build error messages

No response

[github-actions]

This issue has been automatically marked as stale because it has not had any recent activity.
If you are still experiencing this issue, please review the issue history and add a reply with any requested and/or additional information in order to keep the issue open.
This issue will automatically close in 14 days if no further activity occurs.

[jpanther]

Reopening this as it shouldn't have been closed.

[jpanther]

You are correct that the spacing is to allow for the scroll to top arrow. The issue here stems from this being a pure CSS solution to the scroll to top positioning and as a result it's a lot more challenging to make the appearance switcher respond to the viewport. I don't think splitting this onto 2 lines will help either because the two elements are still going to be in conflict.

[github-actions]

This issue has been automatically marked as stale because it has not had any recent activity.
If you are still experiencing this issue, please review the issue history and add a reply with any requested and/or additional information in order to keep the issue open.
This issue will automatically close in 30 days if no further activity occurs.