Navbar Error

[irfanabd]

Hallo,

(Question 1)
I have a problem with Navbar, the dropdown menu (bar 1) is closed by (bar 2).

Look at the picture for more details:

How to fix this?

(Question 2)
And does it allow the headline to add active links?

At (bar 2).
I want to add a link (phone or whatsapp) and (email).

Please replay ASAP.

[ruenel]

Hello @Irfan_Abdurrafi,

Thanks for writing in!

1.) This is because the z-index of the bar 2 is greater or equal to the z-index of bar 1. Their z-indexes should be different and bar 1 should have at least the higher number and not the bar 2 so that the bar 1 will be on the topmost layer of the header.

• I went ahead and edited your header. I change the z-index of bar 2 into 9998 only while bar 1 is having the default z-index of 9999.
  

You can add a link to the headline but only for the email. You can add a link to the phone number because it is a typing text. You will need to disable the Typing option so that you can add the following links in the secure note.

Hope this helps.

[irfanabd]

Hi RueNel,

I made a few changes from the picture above.

(Question 2)
My point is to make links on (icon and text content) outside. Not as an html code in a text editor.

The example below I took from Google Chrome’s inspect element.
I added the

tag to create an external link to google.com.

    
    

  

      

  




000-000-000|

Get in touch



    

*this is the code from the column (icon and text) of 2nd bar.

Is that possible?
How to implement it in an easy way? (in Header Builder).

[thai]

Hi There,

It’s possible with the custom JS. Please add the link1, link2, link3 to your headlines.

After that add this custom JS:

jQuery(document).ready(function($) {
	$(".link1").wrap('<a href="http://yourdomain.com/link1/"></a>');
	$(".link2").wrap('<a href="http://yourdomain.com/link2/"></a>')
	$(".link3").wrap('<a href="http://yourdomain.com/link3/"></a>')
});

Hope it helps

[irfanabd]

Hi Thai,

It works as I expected, Thanks.

[thai]

You’re most welcome