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,447 posts
Online Now

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,181 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.