Сдвиг иконок в верхней части

[iKonstantin]

После того как в настройках шаблона в поле "номер телефона 2" был добавлен текст - сдвинулись иконки всей верхней части. Пытался убирать текст из этого поля, но сдвиг остается. Подскажите пожалуйста, как это можно исправить? Если это изменяется в файле header, то в какой строке нужно вносить изменения и какие?

 

[jaffagold]

Эти стили определяют положение иконок (телефон и часы).

То, что выделено жирным шрифтом меняет их положение на нормальное.

 

#contacts i.contacts-fa {

  position: absolute;

  top: 20%;

  left: 15%;

  font-size: 24px;

  cursor: default;

}

@media only screen and (max-width: 1199px){

  #contacts i.contacts-fa {

    top: 15%;

    left: 10%;

  }

}

#shedule i {

  position: absolute;

  top: 33%;

  left: 15%;

  font-size: 24px;

}

@media only screen and (max-width: 1199px){

  #shedule i {

    left: 15%;

 }

}

Змінено 26 березня 2018 користувачем jaffagold

[prived]

а улчше писать в поддержку шаблона

Змінено 26 березня 2018 користувачем prived

[iKonstantin]

6 часов назад, jaffagold сказал:

Эти стили определяют положение иконок (телефон и часы).

То, что выделено жирным шрифтом меняет их положение на нормальное.

 

#contacts i.contacts-fa {

  position: absolute;

  top: 20%;

  left: 15%;

  font-size: 24px;

  cursor: default;

}

@media only screen and (max-width: 1199px){

  #contacts i.contacts-fa {

    top: 15%;

    left: 10%;

  }

}

#shedule i {

  position: absolute;

  top: 33%;

  left: 15%;

  font-size: 24px;

}

@media only screen and (max-width: 1199px){

  #shedule i {

    left: 15%;

 }

}

Я видимо прошел по неправильному пути (public_html/catalog/view/theme/sstore/template/common/header.tpl). Не подскажете в какой директории находится файл с этими стилями? Перерыл все, но так и не могу найти(

Змінено 26 березня 2018 користувачем iKonstantin

[iKonstantin]

По пути catalog/view/theme/sstore/stylesheet.css нахожу только

#container  #column-left #column-right #content потом #column-left + #column-right + #content, #column-left + #content и #column-right + #content

дальше всякие #top #header #language и т.д. (в основном #header #cart).

Змінено 26 березня 2018 користувачем iKonstantin

[jaffagold]

Стили тут

http://kidskvartal.com.ua/catalog/view/theme/sstore/style/style.css

Я их вижу отчетливо.

Прежде чем что-то править, делайте резервные копии.

[iKonstantin]

13 часов назад, jaffagold сказал:

Стили тут

http://kidskvartal.com.ua/catalog/view/theme/sstore/style/style.css

Я их вижу отчетливо.

Прежде чем что-то править, делайте резервные копии.

Спасибо, строки #contacts i.contacts-fa { и #shedule i { нашел, исправил.

Но вот @media only screen and (max-width: 1199px){ найти не могу. Правил через Note Pad++,  там поиск находит только 2 строчки и там другие значения (не 1199px). Ну и с учетом что там все в одну строчку найти нечто подобное глазами лично мне очень сложно. Может быть в НотПад можно как-то преобразовать в нормальный вид? 

А Вот сам файл style

style.css

 

P.S. После того как  частично измененный этот файл залил на сайт (разумеется предварительно сохранив оригинал), сделал перезагрузку..но...на самом сайте ничего не изменилось. Я так понимаю нужно внести все исправления?

Увы, найти строки 

@media only screen and (max-width: 1199px){

  #contacts i.contacts-fa {

и

@media only screen and (max-width: 1199px){

  #shedule i {

не удается(поиск в Notepade  говорит что их вообще нет...)

Змінено 27 березня 2018 користувачем iKonstantin

[jaffagold]

Значит, просто допишите их в конец своего файла стилей.

Тогда данные стили перетрутся новыми значениями.

Причем, стили, котоые не выделены жирным не т смысла повторять. И получится:

 

#contacts i.contacts-fa {

  top: 20%;

  left: 15%;

}

@media only screen and (max-width: 1199px){

  #contacts i.contacts-fa {

    top: 15%;

    left: 10%;

  }

}

#shedule i {

  left: 15%;

}

@media only screen and (max-width: 1199px){

  #shedule i {

    left: 15%;

 }

}

[iKonstantin]

Все сделал как написали. Но, либо что-то все-таки сделал не так, либо чего-то не хватает, потому как на сайте не произошло никаких изменений. На всякий случай вернул исходный файл. К сожалению мои знания в этой области сводятся к почти нулевым, поэтому даже не могу предполагать в чем может быть проблема.

[jaffagold]

Там еще есть один файл

 

responsive.css

недостающие стили в нем.

Не забывайте обновлять модификаторы и перезагружать страницу Ctrl+F5