-
AuthorPosts
-
March 30, 2017 at 6:12 pm #769564
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
March 30, 2017 at 8:01 pm #769586Hey 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 elseRegards,
BasilisApril 4, 2017 at 1:33 am #771458Hi,
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
April 5, 2017 at 5:29 am #772172Hi James,
Could you post a link to the site in question so that we can take a closer look please?
Best regards,
RikardApril 10, 2017 at 10:12 pm #775677Hi,
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
JamesApril 10, 2017 at 11:11 pm #775713Hi,
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 TorvikApril 17, 2017 at 5:11 pm #778823Great, thank you for the help
April 18, 2017 at 5:04 am #779051 -
AuthorPosts
- You must be logged in to reply to this topic.
