Hi,
I have temporarily removed the code in Quick-CSS.

@media only screen and (min-width: 768px) {
.only_mobile { display: none !important; }
#layerslider_24 { display: block !important;}
#layerslider_25 { display: none !important;}
}

The problem still remains that on some browsers (especially Internet Explorer and Safari on desktop and Iphone), the layer slider WP on the start page is not loaded. If you switch to the English version of the homepage, the slider works. Is that due to WPML?

What’s strange, on Chorme and Firefox, the cookie message is shown below, but not in Safari (desktop and iphone).

Many thanks

Best regards
Jürgen

Hi Basilis,
the screensize of the iPad is 2048 x 1536 px.

Best regards,
Jürgen

Hi Ismael,
great, now it fits mobile! I adjusted it a bit in the Quick-Css, so that it looks good on the Iphone as well.

Please do not close the tread yet, maybe I have a question about the Layerslider. But that can only be clarified tomorrow.

Thank you very much !!!

Best regards
Jürgen

Hi Ishmael,
I have integrated the code into Enfold / Preferences / Quick-CSS! What is a “css media query”?
I have now integrated this code, is that correct? On the smartphone it still looks wrong!
Best regards
Jürgen

/*Language switcher neben burger menu*/
#lang_sel_list {
position: absolute;
right: 50px;
top: -8px;
border: 0;
}
#lang_sel_list .wpml-ls-item {
border-right: 1px solid;
}
#lang_sel_list .wpml-ls-item:last-child {
border-right: 0;
}
/*Language switcher Version 2*/
.responsive .logo img {
max-height: 109px !important;
}
#lang_sel_list {
line-height: 105px;
}
.html_burger_menu_active #top #wrap_all #header .av-burger-menu-main > a {
line-height: 105px !important;
}

Hi Victoria,
thank you! I integrated the code. But now the language switch is under the logo on left side and a gray line runs around the entire header area. I can not adjust in the wpml settings. The language switch should be right next to burger menu and the line would have gone. How can I adjust this?

Thank you very much

Best regards,
Jürgen

Hi Ismael,
thank you!

That worked! Unfortunately I’m not a programmer. So I need your help with the appropriate CSS code to get the language changer in the right position next to the burger menu.
1. The position to the left of the burger menu (I can then correct pixel spacing myself)
2. removed the gray frame (below the language changer)
3. The ability to change the color of the font
4. Adjust the font size

Can you help me with this?

Best regards
Jürgen

Hi Basilis,
I have integrated the custom language switcher into WPML. and integrated the code from your support into the child functions.php. I’m not a programmer though. Can you tell me how I can integrate that so that it is presented as in the attached screenshot?
The Languageswitcher is now under the logo “WERUM” on the left, but I would like to have it right next to the Burger menu.

Best regards,
Jürgen

Hi Rikard,
great job! works! Thank you! Best support ever!

Best regards
Jürgen

Hi Rikard,
many thanks!
ok, that’s ok. but the hamburger menu is missing the middle bar and the menu X is missing a dash from the X. See screenshot.
Best regards
Jürgen

Hey Vinay,
it works :-)
merci
LG Jürgen

Hi,
ok, no problem, you helped me so very well. I have summarized the code for the toggles here, so that other users can use it. The toggles look very smart if you want to build a puristic website:
Many Thanks,
Jürgen

.single_toggle .toggler {
border-top: #000 2px solid;
text-transform: uppercase;
border-bottom: #000 2px solid;
background: transparent!important;
border-left: none;
border-right: none;
}
.single_toggle p[data-fake-id=”#toggle-id-2″] {
border-top: none;
}
.main_color .toggle_content {
background: transparent!important;
border-left: none;
border-right: none;
}
.toggle_content.invers-color {
border-bottom: #000 2px solid;
}
.main_color span.hor_icon, .main_color span.vert_icon {
border-color: #000;
}
span.toggle_icon{
border:none!important;
}

one more little thing:
the horizontal borders should look the same in the closed state. Is it possible to adjust the borders thickness the same.
See red markings in the screenhots.
If we have that, everything fits ;-)

Best regards
Jürgen

Hi Victoria,
Excellent! That’s great!
Can the background be tranzparent?
In addition, you can see a fine line around the icon and left and right a fine line, Is it possible to make them invisible?

Best regards
Jürgen

hi Jordan,
here is a link, here you can see how toggles look now.

Best regards
Jürgen

….
I have still forgotten:
The background image should be fixed

Greetings
Jürgen