Wpml menu / between and underline

[Jacob Thomsen]

Hi artbees, can you help with some custom css for the page https://nordictrailer.v16.dk/:

·  a “/” between Dansk / English in the top menu, see attached layout
·  a underline on the chosen language, see attached layout

Regards Jacob

layout.jpg

[Mohsin Al-Rabieai]

Hi Jacob,

This CSS may help you:

li.wpml-ls-item:before {
    content: "/";
    display: block;
    position: absolute;
    color: white;
    padding-top: 25px;
    right: -5px;
}

li.wpml-ls-item {
    position: relative;
}

li.wpml-ls-item:last-child::before {
    display: none;
}

.jupiterx-header-sticked li.wpml-ls-item:before {
    color: black;
    padding-top: 22px;
    right: -3px;
}

.wpml-ls-native {
}

.wpml-ls-current-language:after {
    display: block;
    content : " ";
    border-bottom: 2px solid white;
    position: absolute;
    bottom: calc(30% - 2px);
    width: calc(100% - 15px );
    margin-left: 7px
}

.jupiterx-header-sticked .wpml-ls-current-language:after {
    border-bottom: 2px solid black;
    position: absolute;
}

Bests

[Jacob Thomsen]

Hi Mohsin,

i have to write: Perfect support – spot on! Thanx a lot!

Regards Jacob

[Mohsin Al-Rabieai]

You are most welcome 🙂

We would greatly appreciate it if you could please share your experience in using our product and the support you’ve received. You can quickly do so by going to the “Downloads” tab in Themeforest. Thank you on behalf of the whole Artbees Team!

[Jacob Thomsen]

Hi artbees,

could you help me with custom css for the sticky menu, see attached:
· white line under the wpml links in the right side (black now)
· white / between Dansk / English

https://nordictrailer.v16.dk/trailertyper/

Regards Jacob

stickymenu.jpg

[Amir Rather]

Hello There

Please try the below CSS in Customize > Additional CSS:

.jupiterx-header-sticked li.wpml-ls-item:before {
    color: white !important;
}
.jupiterx-header-sticked .wpml-ls-current-language:after {
    border-color: #fff;
}

Regards

[Jacob Thomsen]

Hi artbees, i have chanced the menu to jet menu – can you help with updated custom css that you helped me with a while ago?

https://nordictrailer.v16.dk/trailertyper/

Regards Jacob

layout_after_jetmenu.jpg

[Amir Rather]

Hello there!

Please try this CSS:

.jet-mega-wpml-ls-current-language::after{
    display: block;
    content : " ";
    border-bottom: 2px solid white;
    position: absolute;
    bottom: calc(30% - 2px);
    width: calc(100% - 15px );
    margin-left: 7px
}
.jet-mega-menu-item-object-wpml_ls_menu_item::before{
    content: "/";
    display: block;
    position: absolute;
    color: white;
    padding-top: 25px;
    right: -5px;
}

[Jacob Thomsen]

Hi, thanks – looks good – but can you help with removing the last “/” – see marked with red on attached.

Regards Jacob

menu_remove.jpg

[Amir Rather]

Hi there!

Add this bit too:

.jet-mega-menu-item-object-wpml_ls_menu_item:last-child::before {
    display: none;
}

Regards

[Author]

Posts