• 19-07-2021, 11:34:59
    #1
    alttaki 2 satırı yanyana getirmek için nasıl bir düzenleme yapmam lazım. şimdiden teşekkürler



    <div class="col-auto">
                        <div class="header-phone">
                            <a href="tel:{{ theme.settings.phone | replace({' ': '','(': '',')': ''}) }}">
                                <span>Müşteri Hizmetleri:</span>
                                <p>{{ theme.settings.phone }}</p>
                            </a>
                        </div>
                      <div class="whatsapp-link">
                            <a href="https://wa.me/905528213528?text=Merhaba%20size%20Mıknatıs%20AVM%20üzerinden%20ulaşıyorum.">
                                <span>Whatsapp Hattımız</span>
                            </a>
                        </div>
                    </div>
  • 19-07-2021, 11:37:44
    #2
    aynı div içine alıp dener misiniz
  • 19-07-2021, 11:40:13
    #3
    batuhanyuksel adlı üyeden alıntı: mesajı görüntüle
    aynı div içine alıp dener misiniz
    şu şekilde denedim ama yine aynı sonuç
      <div class="col-auto">
                        <div class="header-phone">
                            <a href="tel:{{ theme.settings.phone | replace({' ': '','(': '',')': ''}) }}">
                                <span>Müşteri Hizmetleri:</span>
                                <p>{{ theme.settings.phone }}</p>
                            </a>
                               <div class="whatsapp-link">
                                <a href="https://wa.me/905528213528?text=Merhaba%20size%20Mıknatıs%20AVM%20üzerinden%20ulaşıyorum.">
                                <span>Whatsapp Hattımız</span>
                                </a>
                              </div>
                        </div>
  • 19-07-2021, 11:42:00
    #4
    Divlere float:left; verin. Daha sonra zaten padding-left veya padding-right ile aralarını açarsınız.
  • 19-07-2021, 11:44:26
    #5
    <div class="col-auto" style="display:flex;">
    Olarak değiştirin. Daha sonra isterseniz margin-left ile arayı açabilirsiniz
     <div class="whatsapp-link" style="margin-left:10px">
  • 19-07-2021, 11:44:31
    #6
    <div class="col-auto d-flex">
                        <div class="header-phone">
                            <a href="tel:{{ theme.settings.phone | replace({' ': '','(': '',')': ''}) }}">
                                <span>Müşteri Hizmetleri:</span>
                                <p>{{ theme.settings.phone }}</p>
                            </a>
                        </div>
                      <div class="whatsapp-link">
                            <a href="https://wa.me/905528213528?text=Merhaba%20size%20Mıknatıs%20AVM%20üzerinden%20ulaşıyorum.">
                                <span>Whatsapp Hattımız</span>
                            </a>
                        </div>
                    </div>
    .d-flex {
         display:flex;
    }
  • 21-07-2021, 13:04:03
    #7
    Climes adlı üyeden alıntı: mesajı görüntüle
    <div class="col-auto" style="display:flex;">
    Olarak değiştirin. Daha sonra isterseniz margin-left ile arayı açabilirsiniz
     <div class="whatsapp-link" style="margin-left:10px">
    bu kodla malesef yanyana gelmedi
  • 26-07-2021, 22:28:02
    #8
    !important kullanarak deneyin:

     <div class="col-auto" style="display:flex !important;">