Zmiana wielkości logo tylko w wersji mobilnej

Rozwiązano abarthi
(@abarthi)

10 lat, 1 miesiąc temu

Witam Was,
mam taki problem, nie za bardzo wiem jak to ugryźć: skorzystałem z szablonu Explore (ThemeGrill) gdzie przedefiniowałem (poza naturalne, zaplanowane wartości) logotyp. Zrobiłem to ze względu na koncepcję graficzną logotypu. Ale ten logotyp „zasłania” mi rozwijane menu w wersji mobilnej strony. Chciałbym zatem dobrać się do tego w taki sposób, żeby zmienić zdefiniowaną wartość logo na mniejszą, ale TYLKO w wersji na komórkę – na PC miałoby pozostać tej samej (czyli, obrazowo, za dużej) wielkości.

Da się? Czy ktoś ewentualnie mógłby mi podpowiedzieć, gdzie tego szukać i jakiej komendy użyć? Jeżeli trzeba załączyć coś jeszcze, proszę o podpowiedź, jestem początkujący.

Uprzejme dzięki.

Zobacz 15 odpowiedzi - od 1 do 15 (z 15 łącznie)

Nikodemsky
(@nikodemsky)

10 lat, 1 miesiąc temu

Oczywiście, że się da.

Dodajesz do CSS:
@media only screen and (max-width: 500px) { .logo { width: 50%; height: auto; }}
– to jest tylko przykładowe zastosowanie, w swoim przypadku powinieneś użyć inspektora z konsoli i znaleźć odpowiednią klasę css.

Twórca wątku abarthi
(@abarthi)

10 lat, 1 miesiąc temu

Czyli oczekwiane wielkości tego logo? A w którym miejscu CSS`a to nadpisać?

Nikodemsky
(@nikodemsky)

10 lat, 1 miesiąc temu

@media odnosi się do zasad wyświetlania na ekranach o określonej szerokości, w tym przypadku(moim przykładzie) do 500px szerokości urządzenia, następnie ustawiłem połowę szerokości logo dla tego typu ekranów.

Jeśli potrzebujesz bardziej szczegółowej pomocy, to musisz podać adres strony.

Twórca wątku abarthi
(@abarthi)

10 lat, 1 miesiąc temu

Dzięki bardzo!
Tak, chętnie, tylko www jest narazie w trybie konserwacyjnym – czy mógłbym Ci ją udostępnić w jakiś bardziej prywatny sposób?

Twórca wątku abarthi
(@abarthi)

10 lat, 1 miesiąc temu

A może wkleję CSS`a?

Nikodemsky
(@nikodemsky)

10 lat, 1 miesiąc temu

Wrzuć na pastebin i wtedy dodaj link.

Twórca wątku abarthi
(@abarthi)

10 lat, 1 miesiąc temu

Oto on – z góry dziekuję za pomoc.
http://pastebin.com/J7rceQNS

Nikodemsky
(@nikodemsky)

10 lat, 1 miesiąc temu

@media only screen and (max-width: 500px) { #header-logo-image img { width: 50% !important; height: auto !important; }}
– procenty przy szerokości zmień według uznania. Dodaj to obojętnie gdzie w arkuszu css.

Twórca wątku abarthi
(@abarthi)

10 lat, 1 miesiąc temu

Hm… no niestety nic to nie zmienia. Wkleiłem na końcu pliku i nic.

@media only screen and (max-width: 420px) {
#page {
width: 97%;
}
.inner-wrap {
width: 95%;
}
#featured-slider .entry-content, #featured-slider .slider-read-more-button { display: none; }

@media only screen and (max-width: 500px) { #header-logo-image img { width: 50% !important; height: auto !important; }}

}

Nikodemsky
(@nikodemsky)

10 lat, 1 miesiąc temu

Kliknij na mój nick, przejdź na kontakt i wyślij formularzem adres strony.

Twórca wątku abarthi
(@abarthi)

10 lat, 1 miesiąc temu

done.

Nikodemsky
(@nikodemsky)

10 lat, 1 miesiąc temu

Zainstaluj WP Add custom css i dodaj do niego:
@media only screen and (max-width: 500px) { #header-logo-image { width: 25% !important; }}

Procenty zmień wedle uznania.

Twórca wątku abarthi
(@abarthi)

10 lat, 1 miesiąc temu

Działaaaa!!! Rewelacja! Bardzo Ci dziękuję!
W tej drugiej sprawie mogę zrobić podobnie?? Dodać tę zawartość za pomoca wtyczki?

https://pl.forums.wordpress.org/topic/kroj-czcionki-przezroczystosc-ramki?replies=1#post-63122

Nikodemsky
(@nikodemsky)

10 lat, 1 miesiąc temu

Tak.

Twórca wątku abarthi
(@abarthi)

10 lat, 1 miesiąc temu

Jestem Twoim dłużnikiem!
BARDZO DZIĘKUJĘ!

Zobacz 15 odpowiedzi - od 1 do 15 (z 15 łącznie)

Temat ‘Zmiana wielkości logo tylko w wersji mobilnej’ jest zamknięty na nowe odpowiedzi.

Zmiana wielkości logo tylko w wersji mobilnej

Tagi

Tematy

Najbardziej popularne tematy

Tematy bez odpowiedzi

Wątki niezwiązane ze wsparciem

Rozwiązane wątki

Nierozwiązane tematy

Wszystkie tematy