I would like my social icons to display in my mobile header while also getting rid of the regular mobile drop down menu ( 3 horizontal lines ). Basically replacing the menu with the social media icons. Please help with code.
Hey chaserwaser25!
Removing the menu into mobile is not a good practice, because it will make your web site, not possible and easy for use
Here is an introduction on how to place social media icons into the same line as the menu
@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%; }}
let us know if that works out properly for you.
Thanks a lot
Cheers!
Basilis