Where does the drop down menu go?

Ask the Community Customization
1

i mean, when i implement the translate widget in the footer then must move the menu up and not down.

elfsight-translate
elfsight-translate274Ă—213 4.96 KB

elfsight-translate2
elfsight-translate2236Ă—325 9.18 KB

1 Like
3

Hi there, @Sina :wave:

Do you want to move the dropdown up only on mobile devices or on desktop as well?

8

Hi @Max
the Screenshots are from my desktop.
I think on mobile its the same problem.
I think it depends on the implementation. There is no space in the footer or at the bottom of the page. no matter on which device

1 Like
9

@Sina I’ve checked your website and see that on the page load the popup panel on the map is displayed by default.

Thus, if you expand the dropdown upward, it will partially cover the map popup:

image
image1523Ă—810 95.3 KB


Would you still like to apply this customization?

10

If the pop-up covers the map, then that’s not a problem. If you click on the language, you should be able to see everything.

1 Like
11

Got you!

We’ve added this code to the Custom CSS field on the Settings tab:

.global-styles, .eapps-widget-toolbar {
  display: none !important;
}

.global-styles,
[class*="eapps-website-translator"] [class*="Popout__PopoutContent-sc"] {
  top: auto;
  bottom: 56px;
}

.global-styles,
[class*="eapps-website-translator"] [class*="dropdown__Container-sc"] {
  scrollbar-gutter: none;
}

.global-styles,
[class*="eapps-website-translator"] [class*="container__Wrapper-sc"] > :last-child {
  transform: rotate(180deg);
}

Check it out and let me know if you like what you see :wink:

1 Like
12

Hi @Max
I am - as always - thrilled. You just have it.
This is so perfect.

It’s best to put the code straight into the “CSS Code” category.

2 Likes
13

Thanks a ton for your kind feedback - It means the world to us :heart_eyes: