How Can I Fix The Social Icons In The Mobile Menu?
Knut Ingwersen
Hello, i use the template Educon and have a problem with the position of the social icons in the mobile menu. How can I fix the social icons in the mobile menu? At the moment the social icons move down to an unfavorable place when scrolling.
In the desktop version, the icons remain correctly fixed in the menu header. https://ifg-fortbildung.de/
Paul Frankowski
Accepted AnswerHi Knut,
probably there is NO space to display logo menu and social icons. But I will try to solve it somehow...
Mehtaz Afsana Borsha
Accepted AnswerHi
Thanks for contacting us. Use this custom CSS
@media screen and (min-width: 320px) and (max-width: 767px){
ul.social-icons {
position: relative;
bottom: 90px;
}
}Path towards custom CSS: Extensions>Templates>Styles> Click on your current default template name then choose Template Options. Then find custom CSS within the custom code.
-Regards.
Paul Frankowski
Accepted AnswerReload browser cache 2x - should be much better
I used that custom CSS
@media screen and (max-width: 680px) {
#sp-header .col-6 {width: 49.5%; float: left;}
#sp-header ul.social-icons > li {margin: 6px;}
#offcanvas-toggler > i {color: #123E67;font-size: 26px;}
#sp-header ul.social-icons {width: 75px; line-height: 80px;}
ul.social-icons > li a {color: #555;}
}