Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #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

    #769586

    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

    #771458

    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

    #772172

    Hi James,

    Could you post a link to the site in question so that we can take a closer look please?

    Best regards,
    Rikard

    #775677

    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

    #775713

    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

    #778823

    Great, thank you for the help

    #779051

    Hi,

    Glad we could help. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.