Меню на сайт в телефон

ljuljana

Registered
Когато отворя сайта на някое устройство с по-малък размер ва екрана, менюто не се отваря. Пробвах различни варианти, но не се получава. Не знам кое трябва да редактирам, за да се вижда и на пренсимо устройство.
http://www.blagoevschool.org/Lemar/Lemar/theme/index1.php
 
http://www.blagoevschool.org/Lemar/Lemar/theme/

Тука си работи добре, липсва ти цялото меню :) оправи си и декодирането на файла!

"������� �������"
 
Става въпрос за този линк
http://www.blagoevschool.org/Lemar/Lemar/theme/index1.php

Менюто е на страницата до момента, в който не намаля размера на прозореца - тогава менюто вече се скрива.
А декодирането ще го оправя, но ми се иска първо това да оправя.
 
ljuljana каза:
Става въпрос за този линк
http://www.blagoevschool.org/Lemar/Lemar/theme/index1.php

Менюто е на страницата до момента, в който не намаля размера на прозореца - тогава менюто вече се скрива.
А декодирането ще го оправя, но ми се иска първо това да оправя.
Както @новака ти казва, не си пренесла цялото меню от едната страница в другата.

По принцип такива проблеми се решават, като последователно премахваш части от програмата (в случая - уебстраницата), докато стигнеш до най-малкото парче, при което откриваш проблема.

В случая можеш да премахнеш всичко освен менюто и да видиш дали ще се оправи:
- Ако се оправи - значи другите компоненти го прецакват.
- Ако не се оправи - сравни го с менюто в работещата страница, за да видиш какво ти липсва.
 
Според мен проблемът е някъде в styleresponsive.css, защото когато прикача този стил и се обърква менюто, но не знам какво трябва да оправя, за да работи менюто.
 
Хубаво че си качил менюто вече!
.rightnav {display:none;float:none;}
Проблема може би е тук:

Код:
/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
	.rightnav {display:none;float:none;}
	.footertext {float:none;}
	.form-wrapper input {width:40%;}
	#nav { width:100%; }
	.header {width:100%;}
	
	}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {.rightnav {display:none;}}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {}
 
Направих промени там, но и така не се получи. Менют все още не се показва, коато намаля розорецът.
 
ljuljana каза:
Направих промени там, но и така не се получи. Менют все още не се показва, коато намаля розорецът.
[css]/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {
.rightnav {display:none;float:none;}
[/css]
Защото тук пише nav-ът да изчезва при ширина на прозореца < 960.
 
Благодаря за помощта. Наистина проблемът беше в .rightnav {display:none;float:none;} Оправих го!
 

Горе