Помогите, пожалуйста, с сайтом (ЦСС и ХТМЛ)

12
H
На сайте с 01.04.2014
Offline
571
Had
337
Уже 4 часа бьюсь и запарился изрядно.


Проблема номер 1:

Сделал логотип и название сайта и описание. Поправил. Везде со всех устройств и браузеров показывает нормально, кроме Хрома с моего телефона. Вот:


А должно быть так:



Именно так везде, кроме Хрома на моём сотике. На другом сотике с Хрома нормально.

Проблема номер 2:

В правом сайдбаре хочу изменить размер шрифта названия рубрик. Вот тут:

[QUOTE].sidebar a { 
    color: #3366CC;
    text-decoration: none;
    font-size: 14px;
    font-family: Arial,Helvetica,sans-serif;[/QUOTE]

14 меняю на 16 и на компе увеличивается, а на сотиках нет. СтилЦСС - строка 334.

Перечитал кучу всего про всякие вебкиты, мозы и т. п. перепробовал до черта всего и толку 0.

Помогите, пожалуйста, решить обе проблемы.
Sevix
На сайте с 24.10.2011
Offline
93
#1

По проблеме 1.

Попробуй у #header .h1 убрать line-height и добавить height: 55px;

line-height - это крайне ненадежная штука.

H
На сайте с 01.04.2014
Offline
571
Had
#2
Sevix #:

По проблеме 1.

Попробуй у #header .h1 убрать line-height и добавить height: 55px;

line-height - это крайне ненадежная штука.

Спасибо. Учту.  Проблема номер 1: - решена. Дело было в кеше.

H
На сайте с 01.04.2014
Offline
571
Had
#3
2 вопроса:

1. Размер шрифтов рубрик норм для смартфонов?
2. Как можно седлать, чтобы с компа осталось как есть, а на телефоне показывал другой размер шрифта (крупнее)?
H
На сайте с 01.04.2014
Offline
571
Had
#4
Актуально. Хелп плиз.
B
На сайте с 27.05.2018
Offline
111
#5
Had #:
2 вопроса:

1. Размер шрифтов рубрик норм для смартфонов?
2. Как можно седлать, чтобы с компа осталось как есть, а на телефоне показывал другой размер шрифта (крупнее)?

@media 

H
На сайте с 01.04.2014
Offline
571
Had
#6
Biomusor #:
@media 

Спасибо. Загуглю что да как.

А по этому вопросу что:

Had #:
1. Размер шрифтов рубрик норм для смартфонов?
nezabor
На сайте с 19.07.2010
Offline
152
#7

/*кривой монитор*/

@media (max-width: 1370px) {

}
/*ноут и планшет горизонтально*/
@media (max-width: 1024px) {
}
/*планшет*/
@media (max-width: 768px) {
}
/*ведроид*/
@media (max-width: 425px) {

}
/*яблоко*/
@media (max-width: 375px) {

}
/*старое яблоко*/
@media (max-width: 320px) {

}

вот этих @media должно хватить для адаптивности

Чудес не бывает...
H
На сайте с 01.04.2014
Offline
571
Had
#8
nezabor #:
вот этих @media должно хватить для адаптивности

Спасибо. Но сайт целиком показывается нормально. Мне нужно только для смартов увеличить размер шрифта рубрик.

igor3310
На сайте с 27.02.2011
Offline
138
#9
попробуйте  размеру поставить !important
Веб разработка WordPress, OpenCart, Modx Revo и прочее - https://searchengines.guru/ru/forum/1040224
H
На сайте с 01.04.2014
Offline
571
Had
#10
igor3310 #:
попробуйте  размеру поставить !important

Это не то.

Я насколько понял мне нужно с @media прописать размеры шрифта рубрик. Как, что, где - не знаю.

12

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий