Archived topic
Change social icons position
4 replies · Started by Engelbrecht on July 30, 2018
Hi,
I have added social icons to my secondary menu and i want to both make them bigger, be aligned and having a border-top, but this doesnt seem to work:
@media (max-width: 768px) {
.secondary-navigation.toggled .main-nav .nav-mobile-li {
border-top:1px solid #DDD;
display:inline !important;
}
}
I've also tried added padding but everything looks aweful.
Hi there,
Do you want to make them bigger with top border on mobile only or both desktop and mobile?
Your code is targeting mobile only.
Let me know :)
Hi Leo, For now its only for mobile and yes bigger so i could align max 3-4 social icons later side by side. :) On desktop it looks perfect
Could you help me Leo on this one?
Someting like this (whole secondary menu is ok if its centered and ONLY mobile)
Log ind
Kontakt os
Hjælp og support
-------------------------
Find us here
f ig tw
I may go with only f and ig for now, but they should be bigger, 100% width for both icons and with a top border 1px something. Havent added the Find us here label yet.
Thank you beforehand!
Hi there,
Sorry for not getting back to you sooner! This one slipped through somehow.
Give this CSS a shot:
@media (max-width: 768px) {
.secondary-navigation.toggled .main-nav .sf-menu > li.nav-mobile-li {
display: inline-block !important;
margin-right: 5px;
border-top: 1px solid #ddd;
}
.secondary-menu {
text-align: left;
}
}