Join the Soledad Facebook Users Group here
for Share, assistance, discussion, and Updates related to Soledad WordPress Theme.

If you can't create a new ticket - you can send us an email via our contact form and we will get back to you.

Okay
  Public Ticket #2841053
Hide or make footer menu smaller on mobile devices
Closed

Comments

  • lewisd9 started the conversation
    August 3, 2021 at 7:48pm

    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!

  •  2,492
    PenciDesign replied
    August 3, 2021 at 8:07pm

    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 replied
    August 11, 2021 at 10:39pm

    Thanks alot. This resolved the issue for me.