Pro header logo bar z-index no link

Support
#1

Hi X theme

I have set up a header bar with logo on left and a row of social icons top right with a menu underneath that.

In order to do this I had to set up the logo in a separate bar.

It all looks right but the logo link does not work. This is because that bar is behind the others. If I made the bar smaller I cannot position it correctly.

Can you help please. This is the url:

http://freddieppeters.com/
Thank you

Tamsin

#2

Hi Tamsin,

You should setup 1 bar contains 2 containers:

The 1st container should contain the logo image.

The 2nd container should contain the social icon, navigation inline and collapsed.


Regards!

#3

Because I have two social icons in a row this is not going to work. This is why I have set up the logo as a separate bar.

#4

Hi There,

Thanks for the clarification.
It’s better to manage it as two containers, one is for the logo and another for social icon and menu inside a single bar container.
The problem with the absolute value of the container.

With a little adjustment, you can achieve this.
If this is not helping please make the header as the template and download the template file Via template manager. Send the file to us we will adjust it for you and send over so that you can import and use.

Thanks

#5

How can I make the two social elements display side by side (in a row) and the navigation display underneath when they are in the same container?

#6

I tried to upload the header template but only image file types are authorised.

#7

You can use dropbox to send the file. Just post the Dropbox file URL here.

Thanks

#8
#9

Hey @pyntolimited,

You need to apply a max-width and a right position to your bar with the menu. To do that, insert this in the Bar’s element CSS

$el {
  max-width: 900px;
  right: 0;
}

Maybe try reducing the max-width to 740px or try 70% so the second bar won’t cover the logo on mobile. Or, hide your bars on mobile and setup a different view.

See https://youtu.be/9t9uz2LQsTo

Hope that helps.

#10

Great, that has worked. Thank you.

#11

You’re welcome. Glad we could help.

#12

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.