Social Icons on mobile menu disappear

Hi tiagofmano!

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

Cheers!
Yigit

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

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

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

Hi!

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

Best regards,
Yigit

Hi,

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

Thanks,
Rikard

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