ROZWIĄZANE Ukrywanie widgetu opineo mobilne

Witam,
Używam wklejonego na stronę za pomocą integracji własnych (dodany kod w stopce strony, przed zamknięciem </body>) widgetów np. Opineo. Gdy strona jest wyświetlana na ekranie o dużej rozdzielczości wszystko jest OK. Gdy natomiast ekran jest węższy widgety nachodzą na treść strony. Wygląda to słabo. Chciałbym, aby przy określonej szerokość ekranu np. mniejszej niż 1000px widgety znikały.
Tylka jak to zorbić? Pomoże ktoś?

 

wszystko objąć w diva z klasą powiedzmy opineomobilne
i we własnym stylu zrobić coś typu (uwaga piszę z pamięci więc mogę się pomylić )

Code:

@media all and (max-width:500px) {
  .opineomobilne {
    display:none;
  }
}

do rozdzielczości poziomej 500px powinno być to ukryte.

 

Dzięki za szybką reakcję, ale nie zadziałało...

 

nie zadziałało, bo sam kod nic nie robi. Jakby robił to by zadziałało może coś jeszcze podali?

 

Może inaczej.
Zrobiłem tak:
1. W integracjach własnych, kod Opineo objąłem divem:
<div class=".opineomobilne">
<script type='text/javascript' src=kod_indywidualny></script>
</div>

2. We własnym CSS wkleiłem Twój kod.

Coś jeszcze?

 

błąd
nie

Code:

<div class=".opineomobilne">

a

Code:

<div class="opineomobilne">

i powinno działać

 

Tak, tak sam znalazłem błąd z kropką, poprawiłem i dalej nic...

 

podaj jakiś link do strony czy coś bo tak ciężko określić przyczynę

 

Adres w rozmowie.

 

i wszystko jasne, srasznie to opineo brudzi kod
dodaj we własnym stylu dokładnie:

Code:

@media all and (max-width:500px) {
  .opineomobilne {
    display:none;
  }
#_opineo_container {
    display: none;
}
}

musi to działać

 

No niestety, nic to nie dało.
Spróbowałem w dwóch wersjach (ze spacją po width: i bez):

1. @media all and (max-width:600px) ...

2. @media all and (max-width: 600px) ...

PS. Chcę wyłączyć przy minimalnej szerokości 1100px. Niech wyświetla się tylko na PC.

 

ok to inaczej
wejdź we własne integracje i przed </body>
wklej

Code:

<style>
@media all and (max-width:1100px) {
  .opineomobilne {
    display:none;
  }
#_opineo_container {
    display: none;
}
}</style>

ps. edytowałem kod

 

Bez zmian, nie chodzi :-(
Ostatni Twój kod jest na stronie.
Poprzednie zmiany w css usunąłem.

 

poprawiłem kod, gdzieś uciekła mi @
przy okazji masz na dole za dużo grafik różnych logo

 

Działa!
Dzięki wielkie.

A tak przy okazji, te grafiki w czymś przeszkadzają? W sumie nie jestem do nich specjalnie przywiązany, ale w kodzie chyba nie wygląda to źle

 

musi działać.
grafiki przeszkadzają w wersji mobilnej, wygląda to źle.
po za tym zobacz swój sklep w google insights, jest baaardzo źle

 

Usunąłem kody widgetów, wynik się poprawił. Czy oprócz tego mogę coś zrobić sam? Załóż, że moje umiejetności sa ograniczone.

 

teoretycznie wszystko możesz zrobić sam prócz 2 rzeczy odnośnie js i css których łatwo w sklepie nie zmienisz.

 

Jakaś konkretna podpowiedź? Co zrobić aby poprawić wynik, zaczynając od działań dających największą poprawę?

PS. Widgety wróciły na stronę (póki co) a grafika zniknęła.

 

musisz przeczytać dokładnie opisy jakie masz pod wynikami, tam jest bardzo dokładnie wszystko opisane, po za tym poszukaj na forum moich wpisów o przyśpieszaniu działania strony, one również dadzą Ci trochę punktów.