Docs

[Roman]

Hi,

I am using the latest version of Integrity X theme.
How do I add an additional link icon on the mobile menu?

Thanks,
R.

[Christian]

Hey Roman,

Regretfully, at this time I am not entirely certain what it is you would like to accomplish based on the information given in your post. If you wouldn’t mind providing us with a little more clarification on what it is you’re wanting to do (a link to a similar example site would be very helpful, or perhaps some screenshots), we’ll be happy to provide you with a response once we have a better understanding of the situation.

Thanks.

[Roman]

This reply has been marked as private.

[Darshana]

Hi there,

You can add the following JavaScript code under Customizer, Custom > JavaScript area and then customize the HTML and CSS accordingly.

jQuery(window).resize(function(){
  if (jQuery(window).width() <= 979){	
    jQuery( ".x-btn-navbar" ).after( '<span class="my-mobile-link" style="float:left;"><a href="#55">Link 2</a></span>' );
  }	
});

Hope that helps.

[Roman]

This reply has been marked as private.

[Rupok]

Hi there,

Thanks for writing back. Kindly keep the suggested code on your site and update us so that we could check what’s wrong. If this is a live site and you don’t want to display the imperfect button then provide us your WordPress login credentials so that we can try and fix this for you.

Cheers!

[Roman]

This reply has been marked as private.

[Rupok]

Hi there,

Thanks for updating. I have updated your JavaScript to following (with previous code) :

jQuery(document).ready(function($) {
   $(".comment-reply-link").html('להגיב <span class="comment-reply-link-after"><i class="x-icon-reply"></i></span>');
   $(".x-btn-navbar").after( '<a href="tel:0525519419" class="custom-mobile-button"><i class="x-icon x-icon-phone-square" data-x-icon="" aria-hidden="true"></i></a>' );
});

And added this CSS as well to adjust the size :

.custom-mobile-button {
  display: none;
}

@media only screen and (max-width: 979px) {
  
.custom-mobile-button {
  display: block;
  float: left;
  font-size: 54px;
  margin-left: 15px;
  margin-top: -5px;
}
}

Hope everything is fine now.

Cheers!

[Roman]

Exactly what I wanted.
Thanks a lot!

[Christian]

You’re welcome. Glad we could help. 🙂

[Author]

Posts