- This topic has 4 replies, 3 voices, and was last updated 5 years, 9 months ago by
.
-
Posts
-
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.
Customer Support
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 twI 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!
Lead Developer
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; } }
- You must be logged in to reply to this topic.