Probleme cu meniul

Posted in: Newspaper
Post count: 98

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!

Post count: 23312

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.

Post count: 98

Am adaugat codul in Custom CSS din Theme panel si nici un rezultat. Puteti vedea rezultatul pe thehikers.ro .

Post count: 98

Banda neagra este mai lata dar la ultimul roll meniu barul are un flickering destul de urat. Iar textul meniului este si el redimensionat.

Post count: 98

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.

Post count: 23312

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!

Post count: 98

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.

Post count: 23312

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.

Post count: 98

Bara isi pastreaza dimensiunea dar nu si continutul. Logo este mai mic pentru ca pe ultimul scroll up sa revina la normal. Automat si continutul meniului este rearanjat.

Post count: 98

Am testat si tema Sport si se pare ca bara are o animatie mai pe placul meu. Acum problema este ca textul meniului nu este centrat cum trebuie. Lupa pentru cautare este coborata la mijlocul barei dar textul este in contunuare sus.

Post count: 98

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.

Post count: 23312

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!

Post count: 98

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

Post count: 98

Precizare: in primul caz hover functioneaza dar foloseste o nuanta din culoarea backgroundului si nu culoarea aleasa de mine. Pe test.thehikers.ro am un fundal negru-gri iar tema foloseste un negru inchis pentru hover in loc de culoarea rosie setata de mine.

Post count: 98

Cred ca solutia pentru mine ar fi :

.sf-menu, .sf-menu ul {
margin-left:ceva px;
}

Dar care sa se aplice doar când se afiseaza meniul cu logo micsorat.

Când este in pozitia initiala sa fie:

.sf-menu, .sf-menu ul {
margin-left:0px;
}

Cum as putea face asta?

Post count: 23312

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!

Post count: 98

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?

Post count: 23312

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!

Post count: 98

Multumesc! Nu neg valoarea temei dar suportul oferit dubleaza aceasta valoare.

Pana acum am instalat aceasta tema pe doua site-uri. Nu voi ezita sa o utilizez pe orice alt site in viitor.

Felicitari!

Post count: 23312

Buna nicolai,

Multumim pentru aprecierea dumnevoastra si ne bucuram ca tema noastra se plieaza exact pentru ce aveti dumneavoastra nevoie.

O zi frumoasa in continuare!

Viewing 20 posts - 1 through 20 (of 20 total)
The forum ‘Newspaper’ is closed to new topics and replies.