Проблема с поиском CSS

  • 12 Ответов
  • 529 Просмотров

0 Пользователей и 1 Гость просматривают эту тему.

*

zhasikkz

  • Захожу иногда
  • **
  • 14
  • 0
Проблема с поиском CSS
« : 11.08.2015, 16:01:03 »
Здравствуйте. Не могли бы вы помочь )
В шаблоне JA-Nuevo
https://www.joomlart.com/joomla/templates/ja-nuevo
Проблема с меню вернее не проблема а ее верстка. Меню выводиться, но если экран меньше 1279px
Менюшка исчезает и появляется меню для сотовых как можно уменьшит эти пиксели хотя бы до 1024 , где можно в CSS поправить @media  

*

error648398

  • Осваиваюсь на форуме
  • ***
  • 168
  • 21
Re: Проблема с поиском CSS
« Ответ #1 : 11.08.2015, 16:11:17 »
В template.css на 3301 строке, выреж данный кусок кода:

Код
.head-search .form-control {
    width: 30px;
    border-radius: 3px;
    background-image: url("../../images/joomlart/search.png");
    background-position: 8px center;
    background-repeat: no-repeat;
    padding-left: 22px;
    color: rgba(0, 0, 0, 0);
}

И вставь где то в низу:
Код
@media (max-width: ****px){
.head-search .form-control {
    width: 30px;
    border-radius: 3px;
    background-image: url("../../images/joomlart/search.png");
    background-position: 8px center;
    background-repeat: no-repeat;
    padding-left: 22px;
    color: rgba(0, 0, 0, 0);
}}

Где в max-width: укажи свои параметры.

*

zhasikkz

  • Захожу иногда
  • **
  • 14
  • 0
Re: Проблема с поиском CSS
« Ответ #2 : 11.08.2015, 17:36:50 »
извеняюсь нашел щяс пробую
но там другое и на другой строчке(
.head-search .form-control {
  width: 100%;
  padding-left: 30px;
}
@media screen and (min-width: 768px) {
  .head-search .form-control {
    width: 150px;
  }
« Последнее редактирование: 11.08.2015, 17:40:38 от zhasikkz »

*

zhasikkz

  • Захожу иногда
  • **
  • 14
  • 0
Re: Проблема с поиском CSS
« Ответ #3 : 11.08.2015, 17:37:41 »
извеняюсь нашел щяс пробую
но там другое и на другой строчке(
.head-search .form-control {
  width: 100%;
  padding-left: 30px;
}
@media screen and (min-width: 768px) {
  .head-search .form-control {
    width: 150px;
  }
« Последнее редактирование: 11.08.2015, 17:40:46 от zhasikkz »

*

zhasikkz

  • Захожу иногда
  • **
  • 14
  • 0
Re: Проблема с поиском CSS
« Ответ #4 : 11.08.2015, 17:40:58 »
извеняюсь нашел щас пробую
но там другое и на другой строчке(
.head-search .form-control {
  width: 100%;
  padding-left: 30px;
}
@media screen and (min-width: 768px) {
  .head-search .form-control {
    width: 150px;
  }

*

zhasikkz

  • Захожу иногда
  • **
  • 14
  • 0
Re: Проблема с поиском CSS
« Ответ #5 : 11.08.2015, 17:42:15 »
В template.css на 3301 строке, выреж данный кусок кода:

Код
.head-search .form-control {
    width: 30px;
    border-radius: 3px;
    background-image: url("../../images/joomlart/search.png");
    background-position: 8px center;
    background-repeat: no-repeat;
    padding-left: 22px;
    color: rgba(0, 0, 0, 0);
}

И вставь где то в низу:
Код
@media (max-width: ****px){
.head-search .form-control {
    width: 30px;
    border-radius: 3px;
    background-image: url("../../images/joomlart/search.png");
    background-position: 8px center;
    background-repeat: no-repeat;
    padding-left: 22px;
    color: rgba(0, 0, 0, 0);
}}

Где в max-width: укажи свои параметры.

Не могли бы вы подсказать в каком именно темплейте

*

error648398

  • Осваиваюсь на форуме
  • ***
  • 168
  • 21
Re: Проблема с поиском CSS
« Ответ #6 : 11.08.2015, 18:01:50 »
так скорее всего я загнался, покажите ваш сайт

*

zhasikkz

  • Захожу иногда
  • **
  • 14
  • 0
Re: Проблема с поиском CSS
« Ответ #7 : 11.08.2015, 18:32:08 »
так скорее всего я загнался, покажите ваш сайт
пока на локальной машине( 
но есть демка
http://www.joomlart.com/demo/#ja_nuevo

спасибо что отозвались!

*

zhasikkz

  • Захожу иногда
  • **
  • 14
  • 0
Re: Проблема с поиском CSS
« Ответ #8 : 11.08.2015, 18:35:04 »

*

error648398

  • Осваиваюсь на форуме
  • ***
  • 168
  • 21
Re: Проблема с поиском CSS
« Ответ #9 : 11.08.2015, 18:48:18 »
Блин, там много чего надо править, был бы нормальный сайт то подсказал бы.

*

zhasikkz

  • Захожу иногда
  • **
  • 14
  • 0
Re: Проблема с поиском CSS
« Ответ #10 : 11.08.2015, 20:28:17 »
Блин, там много чего надо править, был бы нормальный сайт то подсказал бы.
(( спасиюбо на этом

*

dimat84

  • Завсегдатай
  • *****
  • 521
  • 20
Re: Проблема с поиском CSS
« Ответ #11 : 11.08.2015, 21:02:29 »
Надо чтоб основное меню позже исчезало?

*

zhasikkz

  • Захожу иногда
  • **
  • 14
  • 0
Re: Проблема с поиском CSS
« Ответ #12 : 12.08.2015, 15:41:21 »
Надо чтоб основное меню позже исчезало?
Нет что бы при изменении размера экрана не имчезало
при ширине меньше 1279 px происходит то что на картинке выше
Меню сжимаеться как на сотке. Не могу найти где в CSS уменьшить этот парамет хотябы до 1023px