I solved with this :
https://kriesi.at/support/topic/footer-columns-shows-strange-on-mobile/
Thanks
Giorgio

hej Nikko,

I want to do the same changes in http://zorbas.synology.me/zorbas.dk/pakketilbud/
I have tried with same method like:
}

.page-id-3647 .sidebar_left #nav_menu-4 {
display: none;
}

and changed ofcourse the page id and nav_menu-2, but it doesnt work for me.
How can i change the quick css so that it works with http://zorbas.synology.me/zorbas.dk ?

the quick css from the old site is:
#top .flag-dansk {
background: url(‘http://zorbas.synology.me/wordpress/wp-content/uploads/2016/12/dansk-flag.png’) center center no-repeat !important;
height: 18px;
width: 50px;
text-indent: -9999em;
}

#top .flag-svensk {
background: url(‘//zorbas.synology.me/wordpress/wp-content/uploads/2016/12/svensk-flag.png’) center center no-repeat !important;
height: 18px;
width: 50px;
text-indent: -9999em;
}

#top .flag-dansk a,
#top .flag-svensk a {
display: block;
}

.custom-tag {
padding: 5px;
background-color: rgba(0,0,0,0.5);
}

#top .widget_nav_menu {
padding-top: 0;
}

.sidebar_left {
-moz-box-shadow: inset -8px 0 20px -10px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: inset -8px 0 20px -10px rgba(0, 0, 0, 0.2);
box-shadow: inset -8px 0 20px -10px rgba(0, 0, 0, 0.2);
}

.sidebar_left .inner_sidebar {
margin-right: 0 !important;
}

.sidebar_left .widget_nav_menu ul li a {
border: 1px solid #e1e1e1;
border-right: 0;
border-left: 0;
margin: 0 0 -1px;
padding: 12px 16px !important;
text-align: left;
}

.sidebar_left .widget_nav_menu ul li:first-child a {
border-top: 0;
}

.page-id-3665 #element_avia_17_1 {
width: 100%;
margin-left: 0;
}

.av-catalogue-content {
padding-right: 0px;
}
.avia-testimonial-image {
float: none;
margin: 0 auto 0px auto;
}
.avia-testimonial-meta {
margin-left: 0;
text-align: center;
}

.lch-progrees-bar {
padding-right: 0px;
margin-right: -0px;
}

.page-id-3647 .sidebar_left #nav_menu-4 {
display: none;
}

.page-id-3650 .sidebar_left #nav_menu-4 {
display: none;
}

.page-id-3653 .sidebar_left #nav_menu-4 {
display: none;
}

.page-id-3656 .sidebar_left #nav_menu-4 {
display: none;
}

/*
@media only screen and (max-width: 767px) {
.responsive .avia-grid-testimonials .avia-testimonial-meta {
margin-left: 130px;
}}*/

@media only screen and (max-width: 989px) and (min-width: 768px) {
.lch-progress-bar {
padding-right: 0px;
margin-right: 50px;
}
}

@media only screen and (min-width: 768px) {
.home #av_section_2 .entry-content-wrapper {
display: -webkit-flex;
display: flex;
flex-direction: row;
}

.home #av_section_2 .entry-content-wrapper .iconbox,
.home #av_section_2 .entry-content-wrapper .iconbox_content {
height: 100%;
}

.home #av_section_2 .entry-content-wrapper .iconbox_content {
padding-bottom: 0;
}
}

.home #av_section_2 .entry-content-wrapper .iconbox_content {
padding-bottom: 30px!important;
}

.home #av_section_2 .entry-content-wrapper .iconbox_content .avia-button-center {
position: absolute;
bottom: 0;
transform: translateX(-50%);
left: 50%;
width:90%;
}

@media only screen and (max-width: 767px) {
.av-catalogue-price {
font-size: 14px;
position: relative;
}
.av-catalogue-title {
font-size: 14px;
line-height: 1.5em;
}

.avia_textblock {
line-height: 37px;
}

h1 {
line-height: 60px;
}

.fb-page.fb_iframe_widget,
.fb-page.fb_iframe_widget span {
position: static !important;
width: 100% !important;
}

.av-catalogue-content p:last-child {
font-size: 11px;
}

.av-catalogue-image {
float: none;
margin-left: auto;
margin-right: auto;
display: block;
}

.responsive .tabcontainer .tab_content {
padding: 0 5px;
}

.av-catalogue-content p {
font-size: 10px !important;
}

.progressbar-title {
font-size: 11px;
}

.avia_message_box_content {
margin-left: -8px;
margin-right: -8px;
}
}

Hallo Andy, anbei meine Daten. Irgendwas stimmt mit dem Sub-Menü nicht (Das ist allgemein sehr buggy – nach wie vor – siehe auch hier: https://kriesi.at/support/topic/bug-report-fullwidth-sub-menu-on-cell-phone/). Auf dem Tablet überlappt es den Textbereich. Vielleicht liegt es auch an dem Sub-Menü, das der Color-Codeblock nicht funktioniert. Auf alle Fälle ist da irgendwo ein Bug oder ich habe etwas an den CSS-Einstellungen versaut. Alle Plugins sind 1x deaktiviert worden. Und der letzte Colorblock ist nicht responsive. Ich habe nur den oberen Color-Block nochmal kopiert und ans Ende gesetzt. Auch die Neuerstellung der Seite etc. hilft nicht. Ich bitte um dringende Bearbeitung der Themen. Wir können noch tausend Screenshots uns zusenden. Das ist aber der Lösung nicht nahe – seit nunmehr fast 3 Monaten.

– Samsung Screenshot S6
– Samsung Tablet
– Samsung S6 Emulated
– IPAD Emulated

MfG

Hi Basilis,

thanks a lot for your fast reply. Your suggestion solved the scroll issue but brought another one to the surface. Though, it’s not reproducible indicating a possible cache issue.

Anyhow by trying to scroll on the mobile the header section vanished and was visible again after scrolling to the top. Also the scroll down feature does not work on mobiles – possible due to the click and not touch listener?

Kind regards
Mike

Looks like I also tried adding to change the full width sub menu active menu item’s styling but that didn’t work either.

#top .av-subnav-menu > li > a {
font-size: 20px;
}

Hallo Andi, sorry das ich in deutsch schreibe, warte dann auch lieber auf die Antwort.
Ich beziehe mich auf solche Threads:
https://kriesi.at/support/topic/make-social-media-icons-larger/

Ich hätte gern die Icons etwas größer im Header oder im Footer : doppelt bis dreifach ungefähr Die können auch ganz oben drüber stehen. Main Header oder Top Bar oben wäre mir egal.

Und dann habe ich das Child Theme mal eingerichtet. Habe vorher alle Plugins deaktiveirt und mal auf dieses umgeschaltet und dann die Daten vom Eltern-Theme übernommen.
Schrift falsch und Farbe falsch… Was mach ich falsch.

Für mich ist auch noch nicht ganz klar ob ich das machen muss… Ich würde nur gern vermeiden das das Updaten des Theme, aller paar Monate immer meine Seite kaputt macht, bzw. Änderungen dann wieder weg sind. Dieses hatte ich immer mit Flashlight…
DANKE!!!!!