Coś nadpisuje tobie ustawienia loga w szablonie strony(page) – sprawdź ustawienia skórki
Tymczasowo możesz rozwiązać instalując np. wtyczkę „WP Add custom CSS” i na podstronach, gdzie występuje problem dodać do CSS:
.navigation-wrapper .navigation .navbar .navbar-brand img {height:100%}
@media (min-width: 768px) { .navbar-nav { margin-top: 2.9%; }}
Super, Twój sposób zadziałał. Mam jeszcze kolejny niespodziewany problem. Produkty z 4 kolumn, układają się w dwie, mimo iż w ustawieniach motywu mam ustawione 4.
Jakaś wtyczka po aktualizacji zrobiła mi taki bałagan na stronie
Widzę, że dodałaś do ogólnego arkusza ale powinnaś dodać oddzielnie do każdej z podstron(w edycji podstrony jest panel z „Custom CSS”) – bo na stronie głównej i podstronach woocommerce menu zjeżdża za nisko.
Co do kolumn – to zazwyczaj problemem są marginesy albo za duża szerokość kolumn względem dostępnej przestrzeni roboczej, w Twoim przypadku wygląda to, jakby coś wymuszało ustawienie do dwóch kolumn pomimo tego, że mają dość miejsca i ustawione odpowiednie klasy. W jaki sposób wywołujesz wyświetlanie tych przedmiotów na stronie głównej ?
Po aktualizacji woocomerce musiałam nadpisać arkusze i kolumny wróciły do normy. Menu dam znać jak mi pojdzie
wpisanie do podstron nie skutkuje niczym
W dodatku produkty straciły responsywność w teleonie 🙁
Musiałaś sporo zmieniać na własną rękę. Usuń wstępnie kod, który ci podałem.
Chodzi ci o przycisk „dodaj do koszyka”, czy jeszcze są jakieś inne elementy ?
tylko przycisk dodaj do koszyka. No i menu jest za nisko. Produkty wywołuje dodawanie do zakładki woocomerce produktów w kokpicie
Najpierw usuń kod, który podałem wcześniej. Coś już niby „poprawiło” wyświetlanie samego menu i logo, więc teraz jest zbędny i tylko przeszkadza.
Co do samych guzików, to dodaj do arkusza:
@media only screen and (max-width: 500px) { .woocommerce a.button, .woocommerce-page a.button { padding: 10px 5px !important; } }
Powinno rozwiązać problem. Problem się pojawił, ponieważ zmieniłaś wyświetlanie „dodaj do koszyka” na duże litery i nie mieszczą się w obszarze roboczym – zamiast mojego powyższego kodu, możesz np. je usunąć(duże litery z tych guzików) i wtedy od razu rozwiąże się problem responsywności tych guzików.
Wszystko namieszało się po ostatniej aktualizacji woocomerce.
Wcześniej w telefonie była jedna kolumna. Teraz coś wymusza dwie
Dodałam Twoją regułkę, ale nie podziałało. Tą wcześniejszą usunęłam już
Ok, popraw poprzedni kod na:
@media only screen and (max-width: 500px){
.woocommerce a.button, .woocommerce-page a.button {
padding: 10px 5px !important;
max-width: 99%;
font-size: 18px;
text-transform: none !important;
}}
Co do menu, to coś go wypycha dynamicznie z jakiegoś powodu.
Dodaj do CSS:
@media (min-width: 768px){
.navbar-nav {
margin-top: 0% !important;
}}
Pięknie działa. Wielkie dzięki :*
