X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Контент в мобильной версии сайта сьехал вправо
alex79_mw
alex79_mw
Topic Starter сообщение 31.3.2016, 12:15; Ответить: alex79_mw
Сообщение #1


Всем привет. У меня такая проблема  - шаблон сайта адаптивный и в мобильной версии все было нормально, а после того как внес некоторые изменения в шаблон (точно все уже не помню - вернул шаблону изначальную ширину, до этого стояла расширенная) мобильную версию перекосило - контент сьехал вправо и теперь получается черте что. Если в горизонтальном меню оставляю два первых раздела (главная, карта сайта) то вид в мобильной версии становится более менее приемлемым.  Прошу у вас помощи уважаемые форумчане, а то уже себе голову сломал да и сайт уже устал восстанавливать. Сайт - http://fishcom67.ru
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
ShowPrint
ShowPrint
сообщение 31.3.2016, 12:48; Ответить: ShowPrint
Сообщение #2


Понимать бы еще как именно это должно быть...  :wacko: Как именно должно выглядеть меню на мобильных?...

Например если в css добавить для #primary-menu (1150 строка в style.css) свойство ovreflow:hidden; то должно выглядеть всё красиво, но пункты меню которые не помещаются на экран не будут показываться. Такое решение устроит?

Если нет, то напишите что хотите получить в итоге (как должно быть)
И если еще в

<iframe id="fr" style="overflow: hidden; height: 105px; width: 300px; border: 0pt none;" src="http://www.youtube.com/subscribe_widget?p=sSlQ2tj1pVFdYoAHZ4PbCw" scrolling="no" frameborder="0"></iframe>

вместо width:300px; поставить width:100%; вид будет еще получше...


Сообщение отредактировал ShowPrint - 31.3.2016, 12:38
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
alex79_mw
alex79_mw
Topic Starter сообщение 31.3.2016, 12:49; Ответить: alex79_mw
Сообщение #3


В нормальной мобильной версии синего меню не должно быть есть меню для мобильной версии на черном фоне вверху, а вот вам в качестве примера как должно быть  - http://kiwi100.ru (другой сайт на этом же шаблоне
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
ShowPrint
ShowPrint
сообщение 31.3.2016, 13:21; Ответить: ShowPrint
Сообщение #4


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

Ради эксперимента в style.css кусок:

@media screen and (max-width: 740px) {
#onecolumn, .main, #sidebar1, #sidebar2, .bottom-block { width: 100%; }
#primary-menu { display: none; }
#sidebar2 { float: left; }
#page { margin-top: 0; }
#desc { margin-bottom: 10px; }
#submitButton { height: 38px; font-size: 24px; margin-left: 1px; }
#s { width: 80%; margin: 7px 30px 0 15px; }
#tabs_menu li { font-size: 26px; }
form#SR_form { margin: 0 auto 0; }
input#submit { margin-right: 32px; }
}

я взял и тупо скопировал в самый низ файла - при ширине менее 740 пикселей меню пропадает. Правда до этого все равно пункты меню перескакивают и делают "каку"...

Надо или как сначала писал устанавливать overflow:hidden; , или изменять значение ширины при котором меню будет прятаться


UPD: У вас потом (после этого правила) идут стили в которых меню (#primary-menu) объявляется как display:block;

В файле style.css перенесите все медиа-запросы ( @madia {} ) в конец этого же файла - всё должно работать как надо...

Только:
  • на всякий случай сделайте резервную копию

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



Сообщение отредактировал ShowPrint - 31.3.2016, 13:22
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
alex79_mw
alex79_mw
Topic Starter сообщение 31.3.2016, 13:30; Ответить: alex79_mw
Сообщение #5


А если вам дать рабочий код стилей с другого сайта (http://kiwi100.ru) то это сможет помочь найти ошибку?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
ShowPrint
ShowPrint
сообщение 31.3.2016, 13:53; Ответить: ShowPrint
Сообщение #6


(alex79 @ 31.3.2016, 15:30) *
помочь найти ошибку
Причину возникновения ошибки и способ ее исправления я написал в предыдущем сообщении.

Исправлять ее рекомендую Вам - делая это вы приобретаете бесценный опыт, который всегда пригодится если вы занимаетесь сайтостроительством  ;)
Да и мне предпочтительнее поковырять свой сайт, с которым всегда есть чем заняться =)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
alex79_mw
alex79_mw
Topic Starter сообщение 31.3.2016, 14:01; Ответить: alex79_mw
Сообщение #7


С вами полностью согласен - огромное спасибо!!!


Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Ищу помощника на контент-рутину (ru, ua, бурж)
10 SergeyLinkin 2679 Вчера, 5:17
автор: c4p1t4l15t
Горячая тема (нет новых ответов) Продвижение молодого сайта
30 maxmer 6374 26.3.2024, 21:49
автор: c4p1t4l15t
Открытая тема (нет новых ответов) SEO-текст на главной странице сайта и в категориях
5 boltuk 1355 26.3.2024, 21:43
автор: c4p1t4l15t
Открытая тема (нет новых ответов) Какой % отказов нормален для сайта?
10 Aloof 2554 24.3.2024, 21:45
автор: Liudmila
Горячая тема (нет новых ответов) Тема имеет прикрепленные файлыБыстрая индексация страниц сайта и обратных ссылок - 2Index
32 2Index 5846 18.3.2024, 16:33
автор: 2Index


 



RSS Текстовая версия Сейчас: 29.3.2024, 18:59
Дизайн