0
Помогите, С Шапкой Сайта
Автор Иван Франко, 29 сент. 2015 00:31
Сообщений в теме: 9
#1
Отправлено 29 Сентябрь 2015 - 00:32
При открытии сайта на устройствах с маленькими экранами ( Mac AIR ) с маленьким экраном происходят наложения текста друг на друга Й! Образец прикрепляю (СКРИН 1)
Вторая беда, так же происходит на компьютерах с маленькими экранами! При наведении курсора на какой либо раздел меню - подразделы открываются очень далеко и при попытке выбрать нужный раздел , подразделы закрываются! Объяснил коряво но на образце (СКРИН2) все понятно
Помогите с моей проблеммой пжл
Прикрепляю сккрин 2
аккаунт Аккаунт SL-355854
Вторая беда, так же происходит на компьютерах с маленькими экранами! При наведении курсора на какой либо раздел меню - подразделы открываются очень далеко и при попытке выбрать нужный раздел , подразделы закрываются! Объяснил коряво но на образце (СКРИН2) все понятно
Помогите с моей проблеммой пжл
Прикрепляю сккрин 2
аккаунт Аккаунт SL-355854
#2
Отправлено 29 Сентябрь 2015 - 14:49
поможет мне кто нибудь???
#3
Отправлено 29 Сентябрь 2015 - 19:09
Иван Франко (29 Сентябрь 2015 - 14:49) писал:
поможет мне кто нибудь???
В файле main.css
Находим
#menu {position: relative;margin: 0 0;max-height: 80px;}Заменяем на
#menu {position: relative;margin: 0 0;}
Находим
#custommenu ul.mainnav li ul.dropdown-menu {#custommenu ul.mainnav li ul.dropdown-menu {position: absolute;top: 99%;width:100%;left: 0;background: #ffffff;border-bottom: 3px solid #3cabda;border-top: 1px solid #d5d5d5;z-index: 999;visibility: hidden;opacity: 0;filter: alpha(opacity=0);-khtml-opacity: 0;-webkit-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5);-moz-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5);box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5);-webkit-transform: scale(0.5);-moz-transform: scale(0.5);-ms-transform: scale(0.5);-o-transform: scale(0.5);transform: scale(0.5);-webkit-transform-origin: center 10%;-moz-transform-origin: center 10%;transform-origin: center 10%;-webkit-transition: all 0.25s linear;-moz-transition: all 0.25s linear;-o-transition: all 0.25s linear;transition: all 0.25s linear;}
Заменяем на
#custommenu ul.mainnav li ul.dropdown-menu {#custommenu ul.mainnav li ul.dropdown-menu {position: absolute;width:100%;left: 0;background: #ffffff;border-bottom: 3px solid #3cabda;border-top: 1px solid #d5d5d5;z-index: 999;visibility: hidden;opacity: 0;filter: alpha(opacity=0);-khtml-opacity: 0;-webkit-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5);-moz-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5);box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5);-webkit-transform: scale(0.5);-moz-transform: scale(0.5);-ms-transform: scale(0.5);-o-transform: scale(0.5);transform: scale(0.5);-webkit-transform-origin: center 10%;-moz-transform-origin: center 10%;transform-origin: center 10%;-webkit-transition: all 0.25s linear;-moz-transition: all 0.25s linear;-o-transition: all 0.25s linear;transition: all 0.25s linear;}
#4
Отправлено 30 Сентябрь 2015 - 00:51
Castiel (29 Сентябрь 2015 - 19:09) писал:
В файле main.css
Находим
Находим
Заменяем на
Находим
#menu {position: relative;margin: 0 0;max-height: 80px;}Заменяем на
#menu {position: relative;margin: 0 0;}
Находим
#custommenu ul.mainnav li ul.dropdown-menu {#custommenu ul.mainnav li ul.dropdown-menu {position: absolute;top: 99%;width:100%;left: 0;background: #ffffff;border-bottom: 3px solid #3cabda;border-top: 1px solid #d5d5d5;z-index: 999;visibility: hidden;opacity: 0;filter: alpha(opacity=0);-khtml-opacity: 0;-webkit-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5);-moz-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5);box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5);-webkit-transform: scale(0.5);-moz-transform: scale(0.5);-ms-transform: scale(0.5);-o-transform: scale(0.5);transform: scale(0.5);-webkit-transform-origin: center 10%;-moz-transform-origin: center 10%;transform-origin: center 10%;-webkit-transition: all 0.25s linear;-moz-transition: all 0.25s linear;-o-transition: all 0.25s linear;transition: all 0.25s linear;}
Заменяем на
#custommenu ul.mainnav li ul.dropdown-menu {#custommenu ul.mainnav li ul.dropdown-menu {position: absolute;width:100%;left: 0;background: #ffffff;border-bottom: 3px solid #3cabda;border-top: 1px solid #d5d5d5;z-index: 999;visibility: hidden;opacity: 0;filter: alpha(opacity=0);-khtml-opacity: 0;-webkit-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5);-moz-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5);box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5);-webkit-transform: scale(0.5);-moz-transform: scale(0.5);-ms-transform: scale(0.5);-o-transform: scale(0.5);transform: scale(0.5);-webkit-transform-origin: center 10%;-moz-transform-origin: center 10%;transform-origin: center 10%;-webkit-transition: all 0.25s linear;-moz-transition: all 0.25s linear;-o-transition: all 0.25s linear;transition: all 0.25s linear;}
спасибо большое
#5
Отправлено 30 Сентябрь 2015 - 11:55
Castiel (29 Сентябрь 2015 - 19:09) писал:
В файле main.cssНаходим
#menu {position: relative;margin: 0 0;max-height: 80px;}Заменяем на
#menu {position: relative;margin: 0 0;}Находим
#custommenu ul.mainnav li ul.dropdown-menu {#custommenu ul.mainnav li ul.dropdown-menu {position: absolute;top: 99%;width:100%;left: 0;background: #ffffff;border-bottom: 3px solid #3cabda;border-top: 1px solid #d5d5d5;z-index: 999;visibility: hidden;opacity: 0;filter: alpha(opacity=0);-khtml-opacity: 0;-webkit-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5);-moz-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5);box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5);-webkit-transform: scale(0.5);-moz-transform: scale(0.5);-ms-transform: scale(0.5);-o-transform: scale(0.5);transform: scale(0.5);-webkit-transform-origin: center 10%;-moz-transform-origin: center 10%;transform-origin: center 10%;-webkit-transition: all 0.25s linear;-moz-transition: all 0.25s linear;-o-transition: all 0.25s linear;transition: all 0.25s linear;}Заменяем на
#custommenu ul.mainnav li ul.dropdown-menu {#custommenu ul.mainnav li ul.dropdown-menu {position: absolute;width:100%;left: 0;background: #ffffff;border-bottom: 3px solid #3cabda;border-top: 1px solid #d5d5d5;z-index: 999;visibility: hidden;opacity: 0;filter: alpha(opacity=0);-khtml-opacity: 0;-webkit-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5);-moz-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5);box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5);-webkit-transform: scale(0.5);-moz-transform: scale(0.5);-ms-transform: scale(0.5);-o-transform: scale(0.5);transform: scale(0.5);-webkit-transform-origin: center 10%;-moz-transform-origin: center 10%;transform-origin: center 10%;-webkit-transition: all 0.25s linear;-moz-transition: all 0.25s linear;-o-transition: all 0.25s linear;transition: all 0.25s linear;}
на каких то экранах логотип огромный
на каких то экранах не показывает некоторые группы каталога и делает наложения текста друг на друга
на каких то при наведении курсора подгруппы открываются слишьком низко, и невозможно нажать на них , на образце есть и все видно
#6
Отправлено 01 Октябрь 2015 - 12:09
Castiel (29 Сентябрь 2015 - 19:09) писал:
В файле main.css
Находим
Находим
Заменяем на
Находим
#menu {position: relative;margin: 0 0;max-height: 80px;}Заменяем на
#menu {position: relative;margin: 0 0;}
Находим
#custommenu ul.mainnav li ul.dropdown-menu {#custommenu ul.mainnav li ul.dropdown-menu {position: absolute;top: 99%;width:100%;left: 0;background: #ffffff;border-bottom: 3px solid #3cabda;border-top: 1px solid #d5d5d5;z-index: 999;visibility: hidden;opacity: 0;filter: alpha(opacity=0);-khtml-opacity: 0;-webkit-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5);-moz-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5);box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5);-webkit-transform: scale(0.5);-moz-transform: scale(0.5);-ms-transform: scale(0.5);-o-transform: scale(0.5);transform: scale(0.5);-webkit-transform-origin: center 10%;-moz-transform-origin: center 10%;transform-origin: center 10%;-webkit-transition: all 0.25s linear;-moz-transition: all 0.25s linear;-o-transition: all 0.25s linear;transition: all 0.25s linear;}
Заменяем на
#custommenu ul.mainnav li ul.dropdown-menu {#custommenu ul.mainnav li ul.dropdown-menu {position: absolute;width:100%;left: 0;background: #ffffff;border-bottom: 3px solid #3cabda;border-top: 1px solid #d5d5d5;z-index: 999;visibility: hidden;opacity: 0;filter: alpha(opacity=0);-khtml-opacity: 0;-webkit-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5);-moz-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5);box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5);-webkit-transform: scale(0.5);-moz-transform: scale(0.5);-ms-transform: scale(0.5);-o-transform: scale(0.5);transform: scale(0.5);-webkit-transform-origin: center 10%;-moz-transform-origin: center 10%;transform-origin: center 10%;-webkit-transition: all 0.25s linear;-moz-transition: all 0.25s linear;-o-transition: all 0.25s linear;transition: all 0.25s linear;}
помогите пожалуйста исправить оошибкиииии!!!!!!!!!!
#8
Отправлено 03 Октябрь 2015 - 00:54
Danil (01 Октябрь 2015 - 13:14) писал:
Здравствуйте.
Проверили Ваш сайт на разных разрешениях, ошибки отсутствуют, попробуйте очистить кэш браузера(ctrl+f5).
Проверили Ваш сайт на разных разрешениях, ошибки отсутствуют, попробуйте очистить кэш браузера(ctrl+f5).
Очистил Кэш Все равно ничего не произошла!!!!
как было наложение так и осталось!!!
Наложение текста СКРИН прикрепляю,
Потом опять при наведении курсором на разделы меню, подгруппы меню появляются оч далеко от строки меню!!
СКРИН образца прикрепляю
И третье, у меня в меню 6 разделов , на маленьких экранах отображается только 5, 6-ой пункт куда съезжает и получается не пойми что
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных