Responsive Footer ( Need Help! ) -...

User 2924428 Photo


Registered User
1,718 posts

Hi guys, I am almost finished up with my latest website however I have run into a little trouble with the footer's responsive design.

I have adjusted the @media screen to max width of 400px, and a smaller size of 25% but it isn't working.

Can someone have a look and help me out please? Thx!

http://www.richsautobody.net
User 122279 Photo


Senior Advisor
14,450 posts

What xactly is it you want to have done with the footer?

I'm travelling just now with just an ipad, but when I get home on Saturday I could take a look at it, unless someone else beats me to it, that is. ;)
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 187934 Photo


Senior Advisor
20,188 posts

It may be the stray div keeping the text centered.
https://validator.w3.org/nu/?doc=http%3 … ody.net%2F
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 271657 Photo


Ambassador
3,816 posts

trans-box-1, 1200px wide <<< Why do you have a set width if you want it to be responsive?
I love deadlines. I like the whooshing sound they make as they fly by. (Douglas Adams)
https://www.callendales.com
User 188640 Photo


Registered User
895 posts

Here's something else that doesn't look correct in the style.css file:

/** RESPONSIVE FOOTER DESIGN **/
@media screen and (max-width: 400px) {
.responsive-footer {
position: center;
width: 25%%; <----------------
height: 25%%; <----------------
}
A Rose is Just a Weed in a Corn Patch!

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.