Choose language on header

  • Resolved ALS

    (@assessoria-la-selva)


    5 years, 4 months ago

    Good day,
    I create an wordpress multisite for identification every page by language. I would like to insert the link of every page into the header on the top-right side.
    Like that: | CAT | ES | EN |

    How I can do that.
    Thank you very much.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)

  • Hello there,

    Here’s the easiest way to insert extra link on top of the main menu area.

    1. Install and activate the TC Custom JavaScript plugin
    2. Go To Appearance > Custom JavaScript
    3. Paste the following code into the provided box

    
(function($){

  'use strict'

  if( $('.site-header .col-md-8').length ) {
    var extraMenu  = '<div>';
      extraMenu += '| <a href="#">CAT</a> | ';
      extraMenu += '<a href="#">ES</a> | ';
      extraMenu += '<a href="#">EN</a> |';
      extraMenu += '</div>';
    $('.site-header .col-md-8').prepend('<div class="extra-main-menu">' + extraMenu + '</div>');
  }

})(jQuery);

    4. Update
    5. Add this CSS code to Appearance > Customize > Additional CSS from dashboard. 

    
.site-header .extra-main-menu {
  text-align: right;
  padding-right: 14px;
}

.site-header .extra-main-menu,
.site-header .extra-main-menu a {
  color: #fff;
}

@media only screen and (max-width: 1024px) {
  .site-header .extra-main-menu {
    text-align: center;
    padding-right: 0;
  }
}

    Regards,
    Kharis

    Thread Starter ALS

    (@assessoria-la-selva)

    Great,
    Thank you very much Kharis, its works perfectly and its exactly what I need.

    You’re welcome!

    Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

    Regards,
    Kharis

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Choose language on header’ is closed to new replies.