Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • #267961

    Hello,

    Why the social icons disappear on mobile menu? What is the way to show the socials icons on mobile?

    Thanks.

    #267963

    Hi tiagofmano!

    Can you post the link to your website so we can take a look?

    Cheers!
    Yigit

    #268044

    Hello.

    http://aeaf.edu.pt

    Thanks

    #268064

    Hi!

    Please add following code to Quick CSS in Enfold theme options under General styling tab

    @media only screen and (max-width: 989px) {
    .responsive .av_mobile_menu_tablet .main_menu {
    display: block;
    }
    .avia-menu { display: none; }}
    @media only screen and (max-width: 767px) {
    .responsive #header .main_menu ul {
    display: block;
    }}

    Regards,
    Yigit

    #268073

    Hi Yigit,

    Thank you for your answer.

    I put the code on Enfold > General Styling > Quick CSS but nothing happens on mobile version.

    Can you see please?

    Thank you

    #268075

    Hi!

    It seems like code is not being applied. Please try adding !important rule as following

    @media only screen and (max-width: 989px) {
    .responsive .av_mobile_menu_tablet .main_menu {
    display: block !important;
    }
    .avia-menu { display: none !important; }}
    @media only screen and (max-width: 767px) {
    .responsive #header .main_menu ul {
    display: block !important;
    }}

    Please flush browser cache and settings of caching plugin if you are using any after applying the code

    Best regards,
    Yigit

    #268082

    Hello.

    Now is working, but see the image and look where the icons are: http://postimg.org/image/elm2kbfrt/

    Is not possible introduce the icons on the menu? Or put the icons near the icon of the mobile menu.

    Thanks

    #268085

    Hey!

    Please add following code to Quick CSS as well

    @media only screen and (max-width: 767px) {
    .responsive.html_header_top #header_main .social_bookmarks {
    right: -30%;
    width: auto;
    margin-top: 5%;
    }}
    @media only screen and (max-width: 767px) {
    .responsive.html_header_top #header_main .social_bookmarks {
    right: -10%; }}

    Regards,
    Yigit

    #268086

    Thanks a lot Yigit.

    Nice support!

    #268087

    Hi!

    You are welcome, glad we could help :) Let us know if you have any other questions or issues

    Best regards,
    Yigit

    #664700

    Yigit I Put THis code

    @media only screen and (max-width: 989px) {
    .responsive .av_mobile_menu_tablet .main_menu {
    display: block !important;
    }
    .avia-menu { display: none !important; }}
    @media only screen and (max-width: 767px) {
    .responsive #header .main_menu ul {
    display: block !important;
    }}

    But in MOBILE PORTAIT MODE, dont see the social icons

    #665260

    Hi,

    Could you provide us with a link to the site in question so that we can take a closer look please?

    Thanks,
    Rikard

    #689571

    I added the above css to http://dividedwefall-movie.com/
    As the browser window narrows, they 1/2 disappear then in phone viewport totally disappear.
    Also disappear in the footer.

    Thanks.

    #690718

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    @media only screen and (max-width: 479px) {
    .responsive.html_header_top #header_main .social_bookmarks, .responsive.html_top_nav_header .social_bookmarks {
        display: block;
    }}
    

    Best regards,
    Yigit

    #691048

    Thank you for some reason I also had to add
    .responsive #header .social_bookmarks {margin-top: 0px !important}
    and now all is well

    #691153

    Hi,

    Glad we could help!
    We really appreciate it if you rate our theme on themeforest .
    To know more about enfold features please check – http://kriesi.at/documentation/enfold/
    Thank you for using Enfold :)

    Best regards,
    Vinay

Viewing 16 posts - 1 through 16 (of 16 total)
  • The topic ‘Social Icons on mobile menu disappear’ is closed to new replies.