Форум русской поддержки Joomla!® CMS
11.12.2016, 12:06:29 *
Добро пожаловать, Гость. Пожалуйста, войдите или зарегистрируйтесь.
Вам не пришло письмо с кодом активации?

Войти
   
   Начало   Поиск Joomla 3.0 FAQ Joomla 2.5 FAQ Joomla 1.5 FAQ Правила форума Новости Joomla Реклама Войти Регистрация Помощь  
Страниц: [1]   Вниз
  Добавить закладку  |  Печать  
Автор

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

 (Прочитано 398 раз)
0 Пользователей и 1 Гость смотрят эту тему.
zhasikkz
Захожу иногда
**

Репутация: +0/-0
Offline Offline

Сообщений: 22


« : 11.08.2015, 15:01:03 »

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

Репутация: +21/-0
Offline Offline

Сообщений: 180


« Ответ #1 : 11.08.2015, 15: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
Захожу иногда
**

Репутация: +0/-0
Offline Offline

Сообщений: 22


« Ответ #2 : 11.08.2015, 16: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, 16:40:38 от zhasikkz » Записан
zhasikkz
Захожу иногда
**

Репутация: +0/-0
Offline Offline

Сообщений: 22


« Ответ #3 : 11.08.2015, 16: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, 16:40:46 от zhasikkz » Записан
zhasikkz
Захожу иногда
**

Репутация: +0/-0
Offline Offline

Сообщений: 22


« Ответ #4 : 11.08.2015, 16:40:58 »

извеняюсь нашел щас пробую
но там другое и на другой строчке(
.head-search .form-control {
  width: 100%;
  padding-left: 30px;
}
@media screen and (min-width: 768px) {
  .head-search .form-control {
    width: 150px;
  }
Записан
zhasikkz
Захожу иногда
**

Репутация: +0/-0
Offline Offline

Сообщений: 22


« Ответ #5 : 11.08.2015, 16: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
Осваиваюсь на форуме
***

Репутация: +21/-0
Offline Offline

Сообщений: 180


« Ответ #6 : 11.08.2015, 17:01:50 »

так скорее всего я загнался, покажите ваш сайт
Записан
zhasikkz
Захожу иногда
**

Репутация: +0/-0
Offline Offline

Сообщений: 22


« Ответ #7 : 11.08.2015, 17:32:08 »

так скорее всего я загнался, покажите ваш сайт
пока на локальной машине( 
но есть демка
http://www.joomlart.com/demo/#ja_nuevo

спасибо что отозвались!
Записан
zhasikkz
Захожу иногда
**

Репутация: +0/-0
Offline Offline

Сообщений: 22


« Ответ #8 : 11.08.2015, 17:35:04 »

Записан
error648398
Осваиваюсь на форуме
***

Репутация: +21/-0
Offline Offline

Сообщений: 180


« Ответ #9 : 11.08.2015, 17:48:18 »

Блин, там много чего надо править, был бы нормальный сайт то подсказал бы.
Записан
zhasikkz
Захожу иногда
**

Репутация: +0/-0
Offline Offline

Сообщений: 22


« Ответ #10 : 11.08.2015, 19:28:17 »

Блин, там много чего надо править, был бы нормальный сайт то подсказал бы.
(( спасиюбо на этом
Записан
dimat84
Завсегдатай
*****

Репутация: +20/-0
Offline Offline

Пол: Мужской
Сообщений: 572



« Ответ #11 : 11.08.2015, 20:02:29 »

Надо чтоб основное меню позже исчезало?
Записан
zhasikkz
Захожу иногда
**

Репутация: +0/-0
Offline Offline

Сообщений: 22


« Ответ #12 : 12.08.2015, 14:41:21 »

Надо чтоб основное меню позже исчезало?
Нет что бы при изменении размера экрана не имчезало
при ширине меньше 1279 px происходит то что на картинке выше
Меню сжимаеться как на сотке. Не могу найти где в CSS уменьшить этот парамет хотябы до 1023px
Записан
Страниц: [1]   Вверх
  Добавить закладку  |  Печать  
 
Перейти в:  

Powered by SMF 1.1.21 | SMF © 2006, Simple Machines

Joomlaforum.ru is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by Open Source Matters
the trademark holder in the United States and other countries.

LiveInternet