Hello Monika Sz,

Thank you for reaching out to our technical support forum. I’m sorry to hear about the trouble you’re experiencing. Rest assured, I will look into this issue for you and work to resolve it as quickly as possible.

Apology for the inconvenience. Please share your administrator access here to check the issue. Use the Hidden Content box to share the credentials. Make sure that you have a full site backup before sharing.

Best regards

Please check.

I have used this CSS to Template Options -> Custom Code -> Custom CSS

.sp-megamenu-parent > li > a{
  padding: 0px 7px !important;
}
#sp-user1{
  display: flex;
  justify-content: center;
  align-items: center;
}
div.mod-languages ul li.lang-active{
  background-color: transparent;
}
.sp-module ul > li{
  border: none;
}

Please check the language switcher module now.

Monika,

Sorry, but I would do that in different way ;p

1. In Layout Manager, I would remove user1 position from header
2. In "menu" module position I would publish "language" module
3. I would also remove ">>" after flag icons by using

#sp-header .sp-module ul > li > a::after {display: none;}

Yes, also that line is useful (thanks @Ofi)

div.mod-languages ul li.lang-active{background-color: transparent;}

Why this way? Becuase if language module will be on the same position as menu, it takes less space, and is more flexible on smaller laptop screens.

Thank you very much Ofi & Paul.

1. What is the procedure of removing user1 position from header in Layout Manager? I cant see "remove" at settings options. I'm a little bit affraid to press red "Remove" button at Header panel (because I don't want to remove all Header...) 2.When I've published "language" module in "menu" position I've got flags before menu once again (at the left site of menu) but I wanted to have them at right side of menu ;(

Should I set it on your site? Or you'll keep @Ofi CSS method? Decide.

Ofi method at my computer looks not good. Using his method menu at my laptop screen goes in two lines. So I'd like to use your method. And what is the procedure to remove user1 position from header?

I have changed the layout, removed user1 position. Also, I have added this Custom CSS to make it look better. Please check and let me know if you need further help. Thanks Paul for the assist.

#sp-menu .sp-column{
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    flex-direction: row-reverse;
}

Thank you Ofi and Paul for your comprehensive help. Now my menu looks very nice. I have just only one request, can I have at mobile view (and only there) the flags before icon of menu? Now flags are after the icon. At computer view it looks very good, but at mobile it looks not so functional.

If we talk about Smartphones (Vertical View) try that

@media screen and (max-width: 680px) {
#sp-menu .sp-column  {display: grid;grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(1, 1fr);}
}

Thank you Paul. Now it is as I expected. With countdown "czas do konferencji" I left as it was, because I have layout prepared for this 1X4 grid at mobile. But also thank you very much for look at this topic :) Pozdrawiam serdecznie