Rozwijalne menu na urządzeniach mobilnych.

[Marcin AIO]

Witajcie!

To mój pierwszy wpis, więc proszę o wyrozumiałość. Tematu szukałem, jednak nie znalazłem odpowiedzi.

Potrzebuję na swojej stronie internetowej zmienić rodzaj wyświetlania menu głównego na urządzeniach mobilnych. Temat dotyczy strony https://aiopoint.com/ . Wyświetlanie górnego menu na komputerach jest Ok, jednak na telefonie, wchodząc na stronę, menu zajmuje całą część ekranu i by cokolwiek zobaczyć, należy przewinąć ekran w dół. Wiem, że jest taka możliwość, by menu było tylko w formie przycisku i otwierało się dopiero po jego wciśnięciu, jednak nie potrafię nigdzie znaleźć odpowiedzi jak to ustawić.

Proszę o pomoc.

[terra]

Masz 2 rozwiązania,
1. utwórz stylizację responsywną (najlepiej poznaj CSS i Bootstrap 4)
2. zainstaluj gotowy szablon RWD, dla przykładu ten https://www.joomlart.com/joomla/templates/purity-iii

[Marcin AIO]

Nie jestem webmasterem. Nie do końca rozumiem pkt 1, a pkt 2 mi nie odpowiada - nie chcę wgrywać innego szablonu. Na razie chcę, by strona pozostała w tej formie, która jest aktualnie. Wiem, że ustawienie takiego rozwijalnego menu jest na pewno bardzo proste i jest prawdopodobnie tylko kwestią zmiany jakiejś jednej opcji. Chcę by na komputerze pozostało to menu tak jak jest teraz, a na urządzeniu mobilnym ma być zwinięte w przycisk.

W zakładce Moduły w pozycji Menu mam zakładkę Wzbogacone - Przyrostek klas CSS menu. Czy nie wystarczy tam zmienić tylko opcji? Coś kombinowałem, ale nie wychodzi. Wiem na pewno, że jest to możliwe, ponieważ miałem to ustawienie w innej stronie (szablon był ten sam), do której niestety nie mam już dostępu. Nie mogę więc sprawdzić jak to było ustawione.

[terra]

Oops, szczerze mówiąc nigdy nie używam tego szablonu (dzięki za zgłoszenie problemu to poszukałem, nie wiedziałem że jest on responsywny :D) , więc skoro się upierasz to w ustawieniach szablonu zakładka WZBOGACONE włącz układ płynny

[Marcin AIO]

Niestety to również nie pomogło. Jedyne co zauważyłem, to po zmianie opcji na układ płynny, szerokość strony "rozjechała" się na całą szerokość ekranu, co akurat nie podoba mi się wizualnie. Szerokość ta zmieniła się zarówno w komputerze, jak i w telefonie. Menu nadal pozostało bez zmian, a na tym przecież mi zależy. Poza tym w objaśnieniach po najechaniu myszką na opcję "Układ płynny" pisze, że obydwa układy (zarówno stały jak i płynny) są responsywne. Więc to nie jest rozwiązaniem.

Nadal szukam odpowiedzi na pytanie: Jak ustawić rozwijalne menu na urządzeniach mobilnych?

[alex51]

Jeśli poprawa responsywności Twojej strony dotyczy samego menu to rozwiązaniem może być zastosowanie modułu Simple Responsive Menu.

(https://extensions.joomla.org/extension/simple-responsive-menu/)

[Marcin AIO]

Właśnie w innej części tutejszego forum znalazłem informację, że opcja, którą chcę uzyskać winna być w "standardowym wyposażeniu" Joomla! 3.x. Tutaj więcej informacji: http://forum.joomla.pl/showthread.php?75421-Rozwijane-menu-z-bootstrap-w-joomli .

Proszę zatem o pomoc, jak uzyskać takie menu bez instalowania dodatkowych modułów. Jak pisałem wyżej, z dostępnej mi wiedzy, powinna to być zaledwie zmiana jakiejś jednej, wybranej opcji.

[siristru]

Dobra, ustalmy fakty:

1. Używasz szablony domyślnego Protostar
2. To responsywny szablon
3. Wprost-z-pudełka menu zamienia się w przycisk... ale:

Upewnij się czy przypisujesz moduł do pozycji "position-1". Ponieważ tylko ta pozycja zagwarantuje utworzenie przycisku na mniejszych rozdzielczościach.


Jedyne co zauważyłem, to po zmianie opcji na układ płynny, szerokość strony "rozjechała" się na całą szerokość ekranu, co akurat nie podoba mi się wizualnie.

"Układ płynny" (fluid) oznacza, że szerokość treści będzie 100% głównego pojemnika czyli body - co w efekcie da 100% szerokości ekranu.

Usunąłem twój post z linkowanego przez ciebie tematu. Tamten temat dotyczy Joomla 2.5 kiedy Ty potrzebujesz pomocy z Joomla 3.x.

[Marcin AIO]

Upewnij się czy przypisujesz moduł do pozycji "position-1". Ponieważ tylko ta pozycja zagwarantuje utworzenie przycisku na mniejszych rozdzielczościach.

Mistrz! Pomogło! +1pkt.

Dziękuję.