Issues with language switcher

SOLVE
Ckleming
Participant | Platinum Partner

Hi, I am experiencing some issues with the language switcher.

See image. Any idea to why there is a see-through fiels in the middle?

 

Ckleming_1-1601642001912.png

 

 

0 Upvotes
1 Accepted solution

Accepted Solutions
Chris-M
Solution
Top Contributor

Hey @Ckleming,

 

there is a margin-bottom: 15px for every list element (from the jumbo theme css), which causes the issue.

You need to remove this margin for the language switch list item.

 

You could do the following css call:

 

.lang_list_class li {
 margin-bottom: 0;
}

 

 

This will remove the margin and it should look good again.

 

Here is a image of the issue.

 margin-issue.PNG

 

- Chris

View solution in original post

0 Upvotes
4 Replies 4
Chris-M
Top Contributor

Hi @Ckleming,

 

could you please provide a preview link. This would be great and is going to speed up the help a lot.

Thank you.

 

- Chris

Ckleming
Participant | Platinum Partner

Hi @Chris-M, link: https://www.verico.com/case-study-tennet

 

Thank you.

 

/Charlotte

0 Upvotes
Chris-M
Solution
Top Contributor

Hey @Ckleming,

 

there is a margin-bottom: 15px for every list element (from the jumbo theme css), which causes the issue.

You need to remove this margin for the language switch list item.

 

You could do the following css call:

 

.lang_list_class li {
 margin-bottom: 0;
}

 

 

This will remove the margin and it should look good again.

 

Here is a image of the issue.

 margin-issue.PNG

 

- Chris

View solution in original post

0 Upvotes
Ckleming
Participant | Platinum Partner

Of course, thank you.

0 Upvotes