Jump to content
anboza

Верстка основного меню в мобильной версии

Recommended Posts

в том смысле зачем ещё если уже есть

Share this post


Link to post
Share on other sites
3 минуты назад, anboza сказал:

я имел в виду js, не совсем корректно выразился

 

я ж об этом.  размеры стилями ж не выловить. размеры скрип и вылавливает.
а в современных арбузах оно вшито как я понимаю..
хз

Share this post


Link to post
Share on other sites
Только что, AWARO сказал:

в том смысле зачем ещё если уже есть

так мой вопрос и есть - как? а то сам не могу придумать...

Share this post


Link to post
Share on other sites
Только что, AWARO сказал:

я ж об этом.  размеры стилями ж не выловить. размеры скрип и вылавливает.
а в современных арбузах оно вшито как я понимаю

проблема не размер экрана выловить, а перенести элементы с атрибутом id, из разных оберток, в одну. Это есть вопрос

Share this post


Link to post
Share on other sites
1 час назад, anboza сказал:

как перенести элементы в мобильной версии в боковое выезжающее меню, в резиновой верстке

подсмотри примеры,
 

Share this post


Link to post
Share on other sites
Только что, AWARO сказал:

подсмотри примеры,

подскажите хоть один, я найти не могу, чтобы переносились корзина, переключатель языков и поиск.
везде переносится только меню категорий, доп пункты и т.д. но они в 99% делаются через hidden - visible, а тут как ((

Share this post


Link to post
Share on other sites
27 минут назад, anboza сказал:

вариант не подходит - элeменты с атрибутом id

тем более, что логотип остается на своем месте...

так никто ж не заставляет дублировать с таким же id

<div id="mobile-logo" class="visible-xs"></div>
<div id="header">
  <nav id="top"></nav>
  <header>
    <div id="logo" class="hidden-xs"></div>
  </header>
  <div class="container"></div>
</div>

и для #header те стили, что я писал выше по медиа-запросу @media (max-width: 768px) {...}

если смущает двойная загрузка логотипа, то можно загрузить лого для мобильной версии js в $(window).resize() когда ширина будет менее 768px

Share this post


Link to post
Share on other sites
Только что, Blast сказал:

так никто ж не заставляет дублировать с таким же id


<div id="mobile-logo" class="visible-xs"></div>
<div id="header">
  <nav id="top"></nav>
  <header>
    <div id="logo" class="hidden-xs"></div>
  </header>
  <div class="container"></div>
</div>

и для #header те стили, что я писал выше по медиа-запросу @media (max-width: 768px) {...}

если смущает двойная загрузка логотипа, то можно загрузить лого для мобильной версии js в $(window).resize() когда ширина будет менее 768px

тогда придется дописывать common.js

по трудозатратам, так себе вариантец, хотя, конечно, рабочий ))

 

тогда уже проще is mobile и просто грузить другой хэдэр...

Edited by anboza

Share this post


Link to post
Share on other sites
4 минуты назад, anboza сказал:

:? с этого начали. другие варианты может есть?...

а чего не так с этим?

 

Share this post


Link to post
Share on other sites
Только что, AWARO сказал:

а чего не так с этим?

та уже ж 2 раза писал - не хочется тормозить скриптом в самом начале страницы, как-то не кошерно вроде...или я придираюсь уже?

Share this post


Link to post
Share on other sites
4 минуты назад, anboza сказал:

та уже ж 2 раза писал - не хочется тормозить скриптом в самом начале страницы, как-то не кошерно вроде...или я придираюсь уже?

так то да а так то нет ))

Share this post


Link to post
Share on other sites
Только что, AWARO сказал:

так то да а так то нет ))

:grin:

Share this post


Link to post
Share on other sites

а дублировать , корзину, поиск и подобное это не оч затея, если ток переносить - ну или отдельно под моб - отдельно под десктоп и отдавать через мобайл детект нужное

Share this post


Link to post
Share on other sites
Только что, AWARO сказал:

а дублировать , корзину, поиск и пождобное это не оч затея, если ток переносить ну или отдельно под моб отдельно под десктоп и отдавать через мобайл детект нужное

да, я к тем же выводам пришел, в результате дискуссии...

Share this post


Link to post
Share on other sites
14 минут назад, AWARO сказал:

а дублировать , корзину, поиск и подобное это не оч затея, если ток переносить - ну или отдельно под моб - отдельно под десктоп и отдавать через мобайл детект нужное

в данном примере только лого вроде нужно продублировать. С переносом кстати тоже при правильной верстке

а больше вариантов кроме mobile detect наверное и нет

Edited by Blast

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
You are posting as a guest. If you have an account, please sign in.
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


  • Recently Browsing   0 members

    No registered users viewing this page.

×

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.