Widget/Footer Area

alephnoon

Hello,

I have several widgets in the footer that appear fine when being viewed on a full screen, unfortunately they disappear when responding to screen size. On a tablet sized screen they are off to the right and on a telephone sized screen they disappear and leave a huge gap between the top and the copyright. I see that there are several posts about this, but nothing with a fix, can you please suggest something?

I am currently working on: www.avenuesalonla.com

Thank you.

Argone

Add this to your layout.css at the end of file:

@media only screen and (max-width: 980px) {
div#footer .widget-container {
width: 100%;
}
}

alephnoon

Thank you for responding. I'm not technically savvy, so I'm not sure I did it right, but I did include that line in the css file and nothing has changed.

I've attached screenshots of the css file and sites at various sizes.

Thank you again.

Argone

Hi,

You have included it corrctly. Please add replace this code with this.

@media only screen and (max-width: 980px) {
div#footer .widget-container {
 display: inline;
    float: none;
    height: 100px;
    width: 100% !important;
}
}
</pre>

Kind regards

alephnoon

This worked perfectly. Thank you for all your help :-)