Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • August 17, 2015 at 1:27 pm #488885
    maryhellensegatta

    Hi, I tried to make display socket menu in the phone and tablet view with this code:

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

    But it display menu (two items: one for privacy policy and the other for terms and conditions) only at 479px (see screenshot below):
    screenshot correct footer menu

    At 480px until 767px instead of menu there is a block with nothing inside but a useless vertical space (see screenhot):
    screenshot issue footer menu
    Can you help me please? Thanks

    August 18, 2015 at 9:44 am #489319
    Josue

    Hey!

    Try adding this code to the Quick CSS:

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

    Cheers! 
    Josue

    August 19, 2015 at 4:28 pm #490203
    maryhellensegatta

    Thanks Josue, now i get the menu in tablet view but not in the phone view…

    August 19, 2015 at 4:35 pm #490208
    Yigit

    Hi!

    Please change Josue’s code to following one 

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

    Regards,
    Yigit

    August 21, 2015 at 8:35 pm #491591
    maryhellensegatta

    Thanks, it works. Why @media only screen instead of @media screen?

    August 21, 2015 at 8:40 pm #491595
    Josue

    Refer to:
    https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Media_queries

    September 2, 2015 at 11:58 am #496998
    maryhellensegatta

    Thanks. You can mark as resolved. Great support!

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Footer menu in tablet view not be displayed’ is closed to new replies.