2016-04-13 18 views
1

Üzerinde çalıştığım bir web sitesinde olağandışı bir sorun var. Bootstrap 3 ve WordPress'in üzerine kurulu bir organizasyon için özel bir tema oluşturuyorum ama bazı şeyler medya sorgularını atıyor gibi görünüyor. Örneğin, mobil hamburger menüsü, navigasyon menüsünün web versiyonuna 768 piksel genişliğinde ve yukarısında değişmelidir; Ancak, Chrome Dev Tools'a göre, bu 751px hızında gerçekleşiyor ve bu unsuru etkileyen diğer stilleri göstermiyor.Web sitesi stilleri yanlış görünümde değiştiriliyor genişlik

Ayrıca, ana nav'un ​​li öğelerine sol kenar boşlukları uyguladık: 751px'de% 12 (nav 751px değerinde değilse gerekli olmaz) ve% 4 768px. Ancak,% 4'lük marj, bazı sebeplerden dolayı% 12'lik marjı geçersiz kılmaktadır.

Kendimi acemi olarak görmüyorum ama bu gerçekten beni şaşırttı.

Web sitesi hala üretim aşamasındadır; böylece http://176.32.230.22/amldesignstudio.com/production/hea/ adresinden erişebilirsiniz. Bununla ilgili herhangi bir yardım için çok teşekkür ederim!

--Edit--
Ben Dev Araçları görünür geniş Gövde 752px ile genişletilmiş menü gösteren Chrome'dan bir ekran için bir bağlantı ekliyorum.

https://www.dropbox.com/s/x7de3qqjrx9crru/HEA-Breakpoints.PNG?dl=0

+0

Siz ** bir medya sorgusu var '' (min-width: 752px) '' 'conconic-likit> .row {margin: 0 -15px;} ' – Aziz

+0

içerir Lütfen ilgili CSS & HTML dosyasını gömün . –

+0

Hamburger bana doğru 768px olarak değişiyor gibi görünüyor ... –

cevap

1

Bu 768px üzerinde çalışıyor. Eksik px, kaydırma çubuğunuz. Görmek için mobil cihazlara sahip dev araçlarını kullanın.

+0

Vay - Bu kadar basit olduğuna inanamıyorum. Taşma uyguladım: gizli; test etmek için vücuda ve kesinlikle haklısın. Teşekkürler! –

İlgili konular