- 21, Oct 2024
- #1
Закрыто. Этот вопрос не по теме. В настоящее время он не принимает ответы.
#
#
Я не могу просмотреть весь ваш CSS, но похоже, что ваш код не оптимизирован для адаптивного дизайна. Вы использовали
px.nav-pills > li {
float: none;
width: 100%;
}
.nav-pills > li > a {
margin: 24px 20px; /* Remove this */
}
Вот еще несколько идей, которые помогут вам:
В строке #7021 вашего
.navigation .nav-pills {
margin: auto;
width: 800px; /* Remove or set to 100% */
height: 100px; /* Remove this */
}
.body .container {
width: 960px; /* Change to max-width: 960px */
height: 553px; /* Remove this. Why are you setting fixed height? */
...
}
Строка 7000:
template.cssСтрока 7502:
max-widthСтрока 7340:
%Это должно решить некоторые ваши проблемы, но далеко не все. Вам придется просмотреть свой код и протестировать каждую его часть на экранах разных размеров. Избегайте фиксированной ширины (
width:960px
![[WP] YITH WOOCOMMERCE BADGE MANAGEMENT V1.3.5](/assets/images/icons/forum2.png){kind=icon}
![[Павел Григал] Позвоночник Мировая Ось](/assets/images/icons/forum0.png){kind=icon}
![[Реджина Лидс] Идеальный порядок за 8 минут](/assets/images/icons/forum7.png){kind=icon}
![[Дмитрий Леоненко] Научитесь создавать маски для Instagram (2020)](/assets/images/icons/forum3.png){kind=icon}
