Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • November 11, 2014 at 8:26 am #349229
    ML

    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.

    November 11, 2014 at 5:18 pm #349525
    Elliott

    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

    November 17, 2014 at 10:16 am #352302
    ML

    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 10 years ago by ML.
    November 17, 2014 at 4:47 pm #352520
    Elliott

    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 10 years ago by Elliott.
    December 21, 2014 at 1:59 am #371118
    ML
    This reply has been marked as private.
    December 21, 2014 at 4:42 am #371141
    Josue

    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

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