• Witajcie

    Korzystam z motywu FANOE (by Florian Brickmann) https://wordpress.org/themes/fanoe/

    W motywie tym MENU występuje jako element SIDEBAR (z prawej strony).

    Kiedy rozwijam listę z menu, cała treść strony głównej jest przesuwana w lewą stronę.

    Jaki efekt chciałbym osiągnąć? :
    – Menu wyświetlane na pierwszym planie strony, bez przesunięcia (np.w tle menu widoczna treść strony (półcień))
    [lub]
    – Menu pod nagłówkiem, w tradycyjnej formie szeregowej listy

    Poproszę o rady jak zmodyfikować CSS.

    Dzięki za pomoc i wszelkie rady!

Viewing 10 replies - 1 through 10 (of 10 total)
  • Cześć,

    w pliku style.css w linijce 774 masz ustawione:

    .active-sidebar #branding, .active-sidebar #main {
    right: 30%;
    }

    Działa to w ten sposób, że do body dodawana jest classa active-sidebar przy rozwijaniu menu a usuwana przy jego ukrywaniu. Wystarczy, że usuniesz tę linijkę kodu i powinno być w porządku (nie sprawdzałem dokładnie wersji mobilnej).

    Twórca wątku symeon_zet

    (@symeon_zet)

    Dzięki! Zadziałało.

    Czy mógłbyś mi doradzić jeszcze jak ustawić tło tego menu? W tej chwili widać całą treść strony co zlewa się z tekstem menu.

    Linia 278 .active-sidebar #sidebar – tam masz różne informacje, wystarczy dodać właściwość background-color.

    Pamiętaj, żeby na koniec oznaczyć ten temat jako rozwiązany 🙂

    Twórca wątku symeon_zet

    (@symeon_zet)

    Dzięki – kolejna trafiona rada. 🙂

    Wystąpił jednak problem. Strony (odnośniki) w menu nie działają. Po kliknięciu lista wraca do ukrycia, a nie przenosi na odpowiednio wybraną podstronę.

    Całość w kodzie wygląda w ten sposób:

    /*********Siedbar mit JavaScript**********/
    
    .js #sidebar{
    	height:0;
    	left:100%;
    	overflow:hidden;
    	position:absolute;
    	top:0;
    	width:0;
    	z-index:1;
    }
    .js #sidebar-content{
    	height:100%;
    	padding-top:40px;
    
    }
    .active-sidebar #branding .sidebar-button{
    	background:none;
    	height:100%;
    	text-align:right;
    	width:100%;
    }
    .active-sidebar #sidebar{
    	background:#ffffff;
            border-left:5px solid #27ae60;
    	min-height:100% !important;
    	height:auto;
    	left:70%;
    	width:29%;
    }

    Możesz podać adres strony? Teoretycznie nic nie powinno się zepsuć bo modyfikujesz tylko wygląd elementów a nie ich zachowanie.

    Twórca wątku symeon_zet

    (@symeon_zet)

    (…)

    Linia 775:

    .active-sidebar #branding .sidebar-button {
      background: none;
      height: 100%;
      text-align: right;
      width: 100%;
    }

    Przez właściwości height i width przycisk rozwijania buttona przykrywa cały sidebar i menu. Usuń height i width i będzie dobrze.

    Twórca wątku symeon_zet

    (@symeon_zet)

    Dzięki za dobre rady! Pomogłeś mi opanować temat do końca. Wszystkie problemy rozwiązane. Dobrego dnia!

    Temat odznaczam 🙂

    Nie ma sprawy, polecam forum na przyszłość 🙂

    Twórca wątku symeon_zet

    (@symeon_zet)

    Hej

    Mam jeszcze drobny problem z tą samą stroną i motywem. Kiedy wchodzę w stronę z menu, to na tej stronie menu już nie działa. Innymi słowy menu działa tylko na głównej stronie. Mogę prosić o pomoc? 🙂 [www.szirhaszirim.pl]

Viewing 10 replies - 1 through 10 (of 10 total)
  • Temat ‘MENU [edycja, lokalizacja na stronie] / [FANOE]’ jest zamknięty na nowe odpowiedzi.