Wsparcie » Motywy » Social Media Menu Impronta- problem z położeniem ikon

  • Rozwiązano kulczyk

    (@kulczyk)


    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)
Viewing 1 replies (of 1 total)
  • Temat ‘Social Media Menu Impronta- problem z położeniem ikon’ jest zamknięty na nowe odpowiedzi.