WPML flags overlapped by webiste logo on iOS devices - Support

Tagged: flags, iOS, logo, WMPL

Viewing 4 posts - 1 through 4 (of 4 total)

Author

Posts
April 3, 2014 at 8:49 pm #247212

karbonato
Participant

Hi, I did start another topic about some issues since you have updated Enfold and the WPML settings had gone not displaying or displaying in a wrong way. One week waiting for a reply so far and posting this because maybe it was marked accidentally as read or solved.

The issue I have been trying to solve since one month ago is to have the WPML flags dislpaying correctly at the header.

So far I have solved with your help the desktop client and android WPML flags displaying but STILL NOT SOLVED (sorry for capitals) the flags on iOS devices. They appears overlapped by the logo and it’s not possible to click on a couple of flags displayed caused by overlapping.

It’s not a problem to share the admin details in order to go through Enfold custom css settings if that helps to solve the issue.

Thank you,

Oriol

April 3, 2014 at 11:13 pm #247236
Yigit
Keymaster
Hey karbonato!

Please try adding following code to Quick CSS in Enfold theme options under Styling tab
```
@media only screen and (max-width: 480px) {
.responsive #header_meta .sub_menu>ul li, .responsive #header .social_bookmarks li {
right: -5% !important;
}}
```
Best regards,
Yigit
April 3, 2014 at 11:56 pm #247257

karbonato
Participant

This reply has been marked as private.

April 7, 2014 at 3:19 am #247996
Yigit
Keymaster
Hi!

Please try following code instead
```
@media only screen and (max-width: 480px) {
.responsive #header .sub_menu, .responsive #header_meta .sub_menu>ul { margin-left: 25px; }}
```
You may need to adjust the value to position the languages perfectly

Regards,
Yigit
Author

Posts

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.