Responsive Footer ( Need Help! ) -...

User 2924428 Photo


Guest
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
12,633 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 new honey site, built with RFF: https://eikweb.com/horgenhonning/
Component sharing for RFF, RBB, RSD and SD: https://eikweb.com/sharing/


User 187934 Photo


Senior Advisor
18,767 posts
Online Now

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.

Here's my S-Drive site with
examples of what can be accomplished in VSD.
https://progrower.coffeecup.com/
Here's my CoffeeCup SCCP Shop with examples of what can be done.
https://progrower.coffeecup.com/shop/
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


Administrator
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
764 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.