Reply To: Problem with CSS Codes

Hi,
For the social icons and socket font size I added this:

@media only screen and (max-width: 1080px) { 
#socket .social_bookmarks li a {
width: 50px!important; 
line-height: 50px!important; 
min-height: 50px!important; 
font-size: 30px;
}

#socket .social_bookmarks li {
height: 50px!important; 
width: 50px!important; 
}

#socket .social_bookmarks {
    height: 60px!important;
}

#socket .copyright img {
    margin-top: 15px!important; 
}

#socket .container {
    width: 100%!important; 
    max-width: 100% !important;
}
}
@media only screen and (max-width: 422px) { 
#socket {
    font-size: 18px !important; 
}
}
@media only screen and (min-width: 423px) and (max-width: 828px) { 
#socket {
    font-size: 21px !important; 
}
}

For the two mobile font sizes, I made them as large as possible and still keep the socket links in line, if you find the links brake into two lines, just take the font size down one or two px.

For the mobile menu color, I added this:

.html_av-overlay-side #top #wrap_all .av-burger-overlay-scroll #av-burger-menu-ul a {
    color: #000 !important; 
}
#top .av-hamburger-inner, #top .av-hamburger-inner:before, #top .av-hamburger-inner:after {
    background-color: #000 !important; 
}

Please adjust to suit.

Best regards,
Mike