Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #349229

    Hi Guys,

    I realize enfold footer menu items are all missing when its in responsive mode. its not just my sites but even demo enfold sites.

    http://kriesi.at/themedemo/?theme=enfold-overview

    https://www.dropbox.com/s/7ivhqx3yjhr42np/88c4bccc-1760-45d7-8b66-d733c7f3b6a0.png

    How to solve it?

    Thanks.

    #349525

    Hey ML!

    They are designed to hide when it runs into the copyright text. If you want to have it display all the time then add this to your custom CSS.

    .responsive #socket .sub_menu_socket { display: block !important; }
    

    Cheers!
    Elliott

    #352302

    Hi Elliott!

    Good Monday to you!

    I have input the custom CSS code you gave me, it manage to show when its on mobile, how position is slightly weird. Especially when its on iphone portrait mode.
    Screenshot: https://www.dropbox.com/s/3rdtyedmrhy2tsq/0c2110be-ef2d-4feb-944f-93e0f0174b05.png?dl=0

    how to put copyright & footer menu item together in centre when its below certain px?

    @ Copyright 2014 ABC company
    Home | Privacy | Terms

    all in centre when its narrow screen like iphone portrait mode?

    Thanks.

    • This reply was modified 9 years, 4 months ago by ML.
    #352520

    Hey!

    Add this to make them centered.

    @media only screen and (max-width: 479px) {
    #socket .container { text-align: center; }
    #socket .container span, #socket .container nav {
        float: none !important;
        display: inline-block !important;
    }
    #socket .container nav {
         width: 150px !important; 
    }
    }

    And then play around with the widths until it looks good.

    Best regards,
    Elliott

    • This reply was modified 9 years, 4 months ago by Elliott.
    #371118
    This reply has been marked as private.
    #371141

    Hi,

    Try with this:

    @media only screen and (max-width: 479px) {
        .responsive #socket .sub_menu_socket { 
            display: block !important; 
        }
        #socket .container { 
            text-align: center; 
        }
        #socket .container span, #socket .container nav {
            float: none !important;
            display: inline-block !important;
        }
        #socket .sub_menu_socket li {
            float: none;
            text-align: center;
            width: 100%;
            margin: 15px 0;
            border: 0;
        }
        #socket{
            font-size: 14px;
        }
    }
    

    Adjust as needed.

    Regards,
    Josue

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