Social Media Menu Impronta- problem z położeniem ikon
-
Mam problem z rozmieszczeniem ikon w social media menu w motywie impronta.
http://www.podrozebezkonca.stronazen.pl tutaj można zobaczyć jak to wygląda.
Chciałbym aby te dwie ikony tj. instagram i facebook przeniosły się na środek, nad linię, która jest poniżej. Wszystko jest zakodowane w before i after i czego bym tutaj nie ustawił, ikonki zaczynają się umieszczać od prawej strony zamiast od środka. Tutaj kod odpowiedzialny za to menu:
*/ .social-menu { margin: 1,875em 0; } .nav_social li { display: inline-block; } .nav_social li a { padding: 0!important; overflow: hidden; display: block; position: relative; width: 45px; height: 45px; line-height: 45px; color: #999999; } .nav_social li a:hover { color: #fff; background-color: transparent; } .nav_social .screen-reader-text { display: none; } .nav_social li a::before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 20px; font-size: 1.25rem; line-height: 1em; width: 24px; height: 24px; color: inherit; text-decoration: none!important; } .nav_social li a[href*="facebook.com"]::before { content: "\f09a"; } .nav_social li a[href*="twitter.com"]::before { content: "\f099"; } .nav_social li a[href*="dribbble.com"]::before { content: "\f17d"; } .nav_social li a[href*="instagram.com"]::before { content: "\f16d"; } .nav_social li a[href*="flickr.com"]::before { content: "\f16e"; } .nav_social li a[href*="youtube.com"]::before { content: "\f167"; } .nav_social li a[href*="github.com"]::before { content: "\f09b"; } .nav_social li a[href*="vimeo.com"]::before { content: "\f194"; } .nav_social li a[href*="foursquare.com"]::before { content: "\f180"; } .nav_social li a[href*="skype.com"]::before { content: "\f17e"; } .nav_social li a[href*="plus.google.com"]::before { content: "\f0d5"; } .nav_social li a[href*="tumblr.com"]::before { content: "\f173"; } .nav_social li a[href*="linkedin.com"]::before { content: "\f0e1"; } .nav_social li a[href*="pinterest.com"]::before { content: "\f231"; } .nav_social li a[href*="/feed/"]::before { content: "\f09e"; } .nav_social li a[href*="wordpress.com"]::before { content: "\f19a"; } .nav_social li a[href*="wordpress.org"]::before { content: "\f19a"; } .nav_social li a[href*="500px.com"]::before { content: "\f26e"; }
Czy ktoś wie jak rozwiązać ten problem?
Viewing 1 replies (of 1 total)
-
Dodaj do arkusza CSS:
#menu-social { width: 40% !important; }
Viewing 1 replies (of 1 total)
- Temat ‘Social Media Menu Impronta- problem z położeniem ikon’ jest zamknięty na nowe odpowiedzi.