Hi,
I have a problem with the mobile menu. I have set the footer height for the desktop version using the following code:
#footer {
height: 320px;
}
The problem is when i view it on the mobile version the text in the footer goes down the page but the footer background colour is not responsive. I have attached an image from my phone to show what i mean,
Any help would be great,
thanks
James
Hey mattamusic!
Here are regarding mediaqueries
You can make that code to be different for mobile, as per your request.
Let us know if we can help with something else
Regards,
Basilis
Hi,
sorry i am not particularly experienced in CSS. Do i need to add in all of that code you have linked to? If so which part would i be changing to just affect the footer on devices. I am not sure which devices are affected by this problem with the footer as i only have an iPhone, not sure about tablets,
thanks for the help,
James
Hi James,
Could you post a link to the site in question so that we can take a closer look please?
Best regards,
Rikard
Hi,
It is the mobile version of dashthetrash.co.uk
If you can see, the background colour doesn’t extend to cover the whole of the footer.
thanks
James
Hi,
To fix your problem, just add the following code at Enfold Theme Options > General Styling > Quick CSS
@media screen and (max-width: 768px) {
#footer {
height: auto !important;
}
}
Best regards,
John Torvik
Great, thank you for the help