Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • July 15, 2016 at 12:35 am #661076
    corneliaboehm

    hi. how can i change the footer position ONLY on mobile phones? it looks like this at the moment: http://imgur.com/xUDVU2O

    i want to center the footer menu like this ONLY at mobile view! : http://imgur.com/IxQMWNH

    July 15, 2016 at 12:57 am #661080
    Josue

    Hey,

    Change the code you’re already have in style.css for:

    @media only screen and (max-width: 767px){
    .responsive #socket .sub_menu_socket {
        display: block !important;
        text-align: center;
        float: none;
        clear: both;
    }
    .responsive #socket .sub_menu_socket ul{
        margin-bottom: 0;
    }
    .responsive #socket .sub_menu_socket li{
        display: inline-block;
        float: none;
    }
}

    Best regards,
    Josue

    July 30, 2016 at 11:36 am #666805
    corneliaboehm

    OK i delete this old code:

    @media only screen and (max-width: 767px){
.responsive #socket .sub_menu_socket {
    display: block !important;
}}

    and replace it with the new :)

    July 30, 2016 at 11:42 am #666806
    corneliaboehm

    Much better. Thank you. It looks this way at the moment: http://imgur.com/a/4jXQL

    Can ypu please help me with the code the get this look on mobiles: http://imgur.com/a/HT50F

    July 30, 2016 at 4:50 pm #666831
    Josue

    Hi,

    Add this:

    @media only screen and (max-width: 767px){
    .responsive #socket .social_bookmarks,
    .responsive #socket .copyright {
        display: block;
        float: none;
        clear: both;
        margin: 0;
        text-align: center;
    }
    .responsive #socket .social_bookmarks li {
        float: none;
        display: inline-block;
    }
    .responsive #socket .sub_menu_socket {
        padding-top: 10px;
    }
    .responsive #socket .sub_menu_socket li {
        display: block;
        margin: 8px 0;
        border: 0;
    }
}

    Best regards,
    Josue

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