Hide or make footer menu smaller on mobile devices

lewisd9 replied

5 years ago

Customer Reply

Thanks alot. This resolved the issue for me.

PenciDesign Supporter replied

5 years ago

Staff Reply

Hi,

Please go to Appearance → Customize → Custom CSS then add the following custom CSS code:

@media only screen and (max-width: 767px) {
    /* Hide Widget Area Above The Footer */
    #widget-area {
        display: none;
    }
    /* Hide Footer Section */
    #footer-section {
        display: none;    
    }
    /* General Foooter Font Size */
    #footer-section {
        font-size: 12px;
    }
    /* Footer Menu Mobile Size */
    #footer-section .footer-menu li a {
        font-size: 12px;
    }
    /* Footer Copyright Size */
    #footer-copyright * {
        font-size: 12px;
    }
}

Modify the font size on the code above by your custom value.

Regards,
PenciDesign.

lewisd9 started the conversation

5 years ago

Conversation Start

Hi,
How can I hide or make the footer menu smaller on mobile devices?

If you can refer me to a guide that would be great.

Thanks!