Welcomebox mobile kapatmak

EchoBilisim

Merhaba herkese sitemde Welcomebox eklentisini kullanıyorum biraz gezindim ancak sitede bulamadım bu pc de güzel duruyor ancak mobilden girdiğinde ufak duruyor kenarlarında baya boşluk oluyor bunu ya mobile kapatmak mobilden girenler görmesin veya onu mobilden boyutunu diğeleri gibi olsun istiyorum her iki seçenekte olur bunu nasıl yaparız yardımcı olursanız çok sevinirim teşekkürler şimdiden

NightKing

EchoBilisim @media CSS komutu ile kutuyu maximum görüntülenmesini istediğiniz boyuta göre özellikleriyle oynayabilirsiniz. Görüntülemek veyahut görüntülememek sizin elinizde.
Örn;

@media only screen and (max-width: 600px) {
  body {
    background-color: lightblue;
  }
}

Can

Özel Stiller alanına ekleyiniz.

/* Mobil Welcomebox*/
@media @phone{.welcomebox-widget .AfruxWidgets-Widget-content{display: none!important; padding: 0!important; margin:0 !important;}}
/* Mobil Welcomebox End*/

Doğru cevabınızı seçin, daha sonraki başka kullanıcıların sorunlarında konuyu bulmamızı kolaylaştıracaktır.

NightKing

Can

visibility: hidden !important ile padding, margin ayarlamasına gerek yok. Direk görünürlüğünü kapatacaktır. Yani sizin kodunuzu daha kısa bir hale getirirsek şöyle olacaktır tam tamına;

/* Mobil Welcomebox*/
@media @phone{.welcomebox-widget .AfruxWidgets-Widget-content{visibility: hidden !important;}}
/* Mobil Welcomebox End*/

EchoBilisim

Can tamamdır hocam çok teşekkür ediyorum

Can

NightKing Bu kod çalışmamakta, dilerseniz tekrar bir kontrol edin.

EchoBilisim

NightKing çok teşekkür ediyorum denedim çalışıyor ancak orda boşluk kalıyor gene eklenti gözükmüyor ama onun olduğu yerde boşluk kalıyor teşekkürler tekrardan

NightKing

Can Eklentiyi kurup deneyeceğim.

NightKing

EchoBilisim Boşluk kalmasının sebebi katmanın oradan silinmemesi hocam. Biz sadece gizledik. @Can ’in attığı kodda ise margin, padding gibi değerleri tamamen sıfırlıyor. Normalde kalmaması lazımdı. Responsive tasarımların bir çoğu bunu anlayan bir yapıya sahiptir genelde. Fakat flarum’da bu geçerli değilmiş bunu anladık 😃

hasanmerkit

Biraz geç cevap vermiş olacağım ama eklentinin geliştirici bu konuda düzgün çalışan kod paylaştı. Kodla biraz oynayarak daha iyi çalışacak hale getirdim.

/* Hide Welcomebox widget on mobile */
@media @phone {
.welcomebox-widget .AfruxWidgets-Widget-content {
    display: none !important;
 }
}
@media @tablet{
.welcomebox-widget .AfruxWidgets-Widget-content {
    display: none !important;
 }
.item-forumStatisticsWidget{display:none!important;}
}

Can

hasanmerkit Yukarıda ki kodlar geçerliliğini kayıp mı etti? Eğer geçerli değilse reportlayın düzeltelim.

hasanmerkit

Can hayır tarafımca test edilmediler ama kabaca baktığımda tablet görünümünde de welcomebox’u engellemezler. Son attığım kodun kullanılması daha sağlıklı olduğunu düşünüyorum.