In tema Travel am observat ca exista o problema cu scalarea meniului.
Daca faci scroll in jos pana dispare menu bar-ul iar apoi revii cu mouse scroll inapoi sus, apare meniul initial cu o dimensiune pentru ca pe ultimul scroll sa se mareasca brusc.
Nu stiu daca acest efect a fost facut intentionat sau este o eroare, dar as dori sa stiu cum pot face ca meniul sa aiba mereu aceleasi dimensiuni (cele de la afisarea paginii).
Multumesc!
Salut nicolai,
Am verificat meniul din tema Tavel si acel efect a fost facut intentionat pentru un aspect visual mai bun. Pentru avea aceasi latime la bara de menu si pentru ‘sticky bar’, va trebui sa folositi un pic de CSS si sa il introduceti in zona de cod CSS personalizat din Theme panel. Va rog sa incercati codul de mai jos ->
.td-header-style-5 .td-affix #td-header-menu {
min-height: 71px;
}
Rezultatul va fi asa -> http://screencast.com/t/Tx1WeSh86Y
Sper sa va ajute sfatul meu si astept sa imi spuneti cum functioneaza pentru dumneavoastra.
Daca nu este ceea ce doriti sa obtineti, va rog sa imi dati mai multe detalii pentru a putea fi capabil sa va dau un raspuns mai precis.
Multumesc pentru mesaj.
Din cate am observat pe ultimul roll up imaginea cu logo-ul Travel este singura care isi schimba dimensiunea, devenind mai mare. Ca rezultat banda meniului devine mai lata iar meniurile sunt repozitionate la noua dimensiune a imaginii.
Ce imi doresc eu … pana la final (scroll up la maxim) meniul sa ramana identic. Logo-ul sa nu-si modifice dimensiunile si ca urmare sa nu schimbe menu bar-ul.
Buna nicolai,
Din pacate, am intrat pe site-ul dumneavoastra si acesta este practic gol, dupa cum puteti vedea in aceasta imagine -> http://screencast.com/t/ODouikLpP Nu mai este functional? Am nevoie de un site care functioneaza pentru a putea inspecta problemele.
Multumesc pentru intelegere!
O zi frumoasa in continuare!
Se poate utiliza sample page-ul: http://www.thehikers.ro/sample-page/
Apasati o singura data pe tasta Down … meniu barul dispare. Apasati tasta Up tot o singura data. Meniu apare cu exact aceeasi dimensiune. Totul este perfect (din punctul meu de vedere).
Al doilea test. Apasati de doua ori tasta Down, dupa care o singura data tasta Up. Meniul apare cu logo micsorat. Apasati iarasi tasta Up si de aceasta data bara apare cu logo marit (cu dimensiunea initiala).
As dori pentru siteul meu ca acest meniu sa isi pastreze dimensiunea initiala.
Buna nicolai,
Te rog mai incearca odata codul pe cate ti l-am dat mai jos si incearca sa pui tag-ul !important pentru a-i conferi o importanta mai mare acestei comenzi. Codul l-am aficast mai jos inca odata exact cum ar trebui sa iti functioneze.
.td-header-style-5 .td-affix #td-header-menu {
min-height: 71px!important;
}
Sper sa te ajute sfatul meu si sa ne spui cum iti merge!
Multumesc pentru mesaj.
Dupa mai multe teste am ajuns la concluzia ca doua stiluri de header s-ar preta OK pentru ceea ce doresc eu dar amandoua sunt cu probleme (din punctul meu de vedere).
Primul ar fi Style 12 – Top colored meniu with logo. Totul este OK cu exceptia faptului ca ignora setarile pentru ACTIVE & HOVER COLOR .
Al doilea header style ar fi Style 8. Totul pare ok cu excptia scrolului. Când se afiseaza dupa un scroll meniul este afisat peste logo. Las aciv acest style pentru exemplificare.
Buna nicolai,
Am verificat la mine pe tema si pentru Stilul 12 se aplica toate setarile ce le introduc in Theme panel la Active & Hover Color…ar putea fi o problema cauzata de alte plugin-uri folosite de dumnevoastra si care ar putea interfera cu aceste setari. Incercati fara alte plugin-uri, doar cu Visual Composer activat si verificati daca eroare persista.
Am verificat site-ul dumneavoastra si am vazut problema cu meniul pe bara de menu sticky. Va rog sa incercat codul de mai jos si sa-l plasati in Theme panel->Custom CSS area. La fel, pe tema default, fara alte plugin-uri functioneaza corespunzator…functionalitatiile altor plugin-uri ar putea deranja pozitia meniuluisi sa rezulte aceasta eroare. Cu codul de mai jos ar trebui sa se repare aceasta problema.
.sf-menu, .sf-menu ul, .sf-menu li {
margin-left: 20px;
}
Rezultatul il puteti vedea aici -> http://screencast.com/t/gYPB2nKnG
Sper ca sfaturile mele v-au fost cu folos si astept sa imi spuneti cum va functioneaza!
Multumesc pentru mesaj si o zi frumoasa in continuare!
1. Pe http://test.thehikers.ro/ nu am NICI UN plugin instalat in afara de cele care vin cu tema. Dupa cum se poate vedea nu functioneaza hover.
2. Pentru a doua situatie codul propus distruge meniul initial. In sensul ca adauga un Tab intre meniuri marind distanta dintre linkuri. Puteti vedea rezultatul pe thehikers.ro
Buna nicolai,
Te rog incearca sa inlocuiesti codul pe care ti l-am dat mai jos cu cel anterior si vezi rezultatul final.
.td-affix .sf-menu li {
margin-left: 20px;
}
Pentru ca, comanda sa se execute doar pentru sticky menu bar trebuie sa se mai adauge o clasa care sa targheteze exact aceasta sectiune. -> http://screencast.com/t/0aEui3zq
Dupa cum observati, orice modificare in plus necesita mai multe customizari suplimentare pana a se ajunge la un rezultat final. Sper sa se fi rezolvat problema cu codul anterior deoarece noi nu oferim suport personalizat pentru diverse customizari suplimentare temei.
Multumesc pentru mesaj!
1. Cred ca nu putem vorbi despre customizing ci despre un BUG. Header style-ul 8 nu tine cont de dimensiunea imaginii folosite pentru logo când calculeaza pozitia de left pentru meniu ci afiseaza meniul la o pozitie fixa, prestabilita.
Eu doar am adaugat logo-ul meu in tema si meniul este afisat peste imagine.
2. La fel si in cazul header style-ului nr.12. Codul inclus in tema ignora cu desavarsire culoarea aleasa de mine pentru hover. Pentru ce exista aceasta optiune daca nu este folosita?
Hello nicolai,
1)Am facut mai multe teste si intr-adevar este un mini bug cu header style-ul 8. Va rog sa folositi codul CSS de mai jos pentru a regla dimensiunea logo-ului pe bara sticky.
@media (min-width:768px){
.td-header-style-8 .td-affix .td-header-sp-logo img {
width:158px!important;
}
}
Rezultatul se poate vedea aici -> http://screencast.com/t/Sd6ZuX0kx
Am trecut aceasta problema pe lista noastra de revizuiri si vom tine cont de ea in viitoarele update-uri.
2)Pentru tipul de meniu din header style 12, culoarea care o veti seta in sectiunea ACTIV&HOVER din Theme panel se va aplica doar pentru efectul de Hover de pe link-urile din meniu si nu pe meniul in sine ->asa este conceput acest stil de meniu -> http://screencast.com/t/LEhK2wEJv2Wl
Daca doriti sa schimbati acel efect de pe meniul principal, trebuie sa folositi un pic de CSS pentru a schimba culoarea.
Codul este ->
.td-header-style-12 .sf-menu > .current-menu-item > a, .td-header-style-12 .sf-menu > .current-menu-ancestor > a, .td-header-style-12 .sf-menu > .current-category-ancestor > a, .td-header-style-12 .sf-menu > li > a:hover, .td-header-style-12 .sf-menu > .sfHover > a {
background-color: rgb(227, 27, 27) !important;
}
Rezultatul se poate vedea aici -> http://screencast.com/t/wyPXtnMz9ct
Multumesc pentru mesaj si o zi frumoasa in continuare!