Docs

[helloeng]

Hello

Would you please provide me with css to achieve the following? See screenshots.

1. Hide the language item in the menu on DESKTOP ONLY
2. move the language item ABOVE search on MOBILE ONLY, with 5px margin between language item and search item
3. center language item flag and text. Center in the menu item box, same as search item

Thank you

[helloeng]

This reply has been marked as private.

[Christopher]

Hi there,

Please add following code in Customize -> Custom -> CSS :

@media (min-width:979px){
li.menu-item.menu-item-language {
    display: none;
}
}
li.menu-item.menu-item-language {
    text-align: center;
}
@media (max-width:979px){
ul#menu-main-1 li:last-child {
    display: none;
}
}

Please add following code in Customize -> Custom -> JavaScript :

jQuery(function($) {
  $( "li.menu-item.menu-item-language" ).first().prependTo( $( ".x-nav-wrap.mobile > ul" ) );
}); 

Hope it helps.

[helloeng]

This reply has been marked as private.

[Friech]

Hi There,

Please update the JavaScript code to:

jQuery(function($) {
  $(".touchevents .menu-item-language").insertBefore(".touchevents .x-menu-item-search");
});

In case it gets duplicated add this to custom css

.touchevents .x-nav li:nth-child(2) {display: none;}

Hope it helps, Cheers!

[helloeng]

Hi there

The language item has now been moved to the correct location. However, there are still 2 issues.

1. Can you provide me with css to make the language item have a margin (bottom). That means I would like there to be a gap between the “language item” and the ‘search item’. See screenshot 1.

2. With the current code you gave me, the last menu item (Contact) is now HIDDEN. Please help me make it VISIBLE again (see screenshot 1 and screenshot 2)

3. See screenshots 3 and 4 for css and java currently ACTIVE, as given to me by you.

See above post for admin login information.

Thanks.

[helloeng]

This reply has been marked as private.

[Rad]

Hi there,

Another support here and like to check it. But the provided URL and Admin login URLs return 404 page from Siteground.

Please check and let me know. Thanks!

[helloeng]

Sorry, I’ve changed hosting to Siteground. I’m waiting for the change to complete.

I will contact you again when the site is up.

[Rue Nel]

Okay No problem!
Please let us know then.

[helloeng]

This reply has been marked as private.

[Rupok]

Hi there,

Thanks for updating.

You can add this under Custom > CSS in the Customizer.

.x-navbar .mobile .x-nav {
  margin: 122px 0;
}

.x-navbar .mobile .menu-item.x-menu-item.x-menu-item-search {
  left: 0;
  position: absolute;
  right: 0;
  top: 150px;
}

.x-navbar .mobile .menu-item.menu-item-language {
  left: 0;
  position: absolute;
  right: 0;
  top: 98px;
}

Hope this helps.

Cheers!

[helloeng]

Perfect! Thank you so much!

[Rupok]

You are welcome!

Glad that it helped. Feel free to let us know if you face any other issue. We’ll be happy to assist you.

Thanks for using X.

Cheers!

[Author]

Posts