Forum Replies Created

Viewing 1 post (of 1 total)
  • Author
    Posts
  • in reply to: Left align footer menu on mobile phones #1017988

    Hi Mike,

    thank you very much for the fast reply! It works well!
    I added three parameters to change the line height as well as the font size. It looks okay, but maybe you could double check it :)

    
    @media only screen and (min-width: 767px) { 
    #socket .sub_menu_socket {
        float: none !important;
    }
    #socket .sub_menu_socket ul {
        text-align: center;
        margin-bottom: 6px;
        font-size: 14px;
    }
    #socket .sub_menu_socket li {
        float: none !important;
        display: inline;
    }
    }
    
    @media only screen and (max-width: 766px) { 
    #socket .sub_menu_socket li {
        float: left !important; 
        display: block !important; 
        width: 100% !important; 
        text-align: left !important; 
        font-size: 14px;
        line-height: 1.5;
    }
    }
    

    Best regards and thanks
    Max

    Edit: Should I save this CSS addition in a separate file in the child theme or is it sufficient to place it in the “Quick CSS” area?

Viewing 1 post (of 1 total)