Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • November 4, 2016 at 12:15 am #707995
    janeyj

    I’ve tried searching but I’m not finding the right thing. I need to make sure the footer nav doesn’t disappear with the responsive adjustment.

    I attempted using this, changing display:none to both block and inline but it shrinks up with width of the entire content area on the screen.

    /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
    @media only screen and (min-width: 480px) and (max-width: 767px) {

    .responsive #socket .sub_menu_socket{display:none;}
    }

    /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
    @media only screen and (max-width: 479px) {

    .responsive #socket .sub_menu_socket{display:none;}

    November 4, 2016 at 1:47 am #708005
    Nikko

    Hey janeyj,

    Try to add this code in Quick CSS (located in Enfold > General Styling):

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

    Let us know if it works. If it’s not working kindly post a link to your site, you can post it in Private Content section when you reply so only moderators can see.

    Best regards,
    Nikko

    November 4, 2016 at 2:37 am #708010
    janeyj

    Bingo! Thanks as always!

    November 4, 2016 at 3:29 am #708017
    Nikko

    Hey!

    Glad we could help :)

    Regards,
    Nikko

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Show footer navigation on mobile’ is closed to new replies.