Korzystanie z niestandardowych kodów CSS oraz JS (JavaScript)

przez

Piotr Surmacki

w budowa stron Opublikowany

10/07/2023 12:02

@media (max-width: 768px) {
    /* Move mobile hamburger and menu to right */
    .theme .burger {
        float: right;
        left: unset;
        right: 20px;
      /*background: transparent;*/
    }
    .mobile-header-wrapper, .mobile-popup nav {
        left: unset;
        right: -270px;
        -webkit-transition: right .5s ease;
           -moz-transition: right .5s ease;
                transition: right .5s ease;
    }
    .open .mobile-header-wrapper {
        left: unset!important;
        right: 0!important;
    }
    .open .header-wrapper, .open>.content, .open .mobile-menu {
        left: -240px !important;
    }
    /*Left align logo*/
    .theme .theme-logo a {
        margin: 0 20px;
    }
    /* Left align text within logo*/
    .theme .theme-logo a>span, .theme .theme-logo p {
        text-align: left;
    }
  	/*Center align text widget content in menu*/
    .mobile-header-wrapper .header-widget .text-widget-content {
          text-align: center;
    }
}

@media only screen and (max-width: 768px){
  .phone-icon-mobile {
      display: block;
      width: 22px;
      position: absolute;
      z-index: 999999;
      padding: 10px;
      right: 20px;
      top: 50%;
      -webkit-transform: translate(0,-50%);
         -moz-transform: translate(0,-50%);
          -ms-transform: translate(0,-50%);
              transform: translate(0,-50%);
  }
  .phone-icon-mobile a i {
      font-size: 26px!important; /*adjust size of icon*/
  }
}

Centrum Pomocy

Korzystanie z niestandardowych kodów CSS oraz JS (JavaScript)

Jak wstawić niestandardowy kod CSS/JS na mojej stronie internetowej

Możliwość nr 1: Dodanie do głównego elementu strony

Możliwość nr 2: Korzystanie z widgetu

Niestandardowy kod: Przeniesienie "menu hamburger" na prawą stronę strony wersji mobilnej Twojej strony internetowej

Niestandardowy kod: Dodanie ikony telefonu w nagłówku strony mobilnej

Krok 1: Dodanie ikony do standardowego menu na komputerze

Logowanie do platformy

Checklista krok-po-kroku jak uruchomić pierwszy projekt

Pierwsze kroki

Facebook Pixel

Lejki marketingowe

Tematy pomocy