Header Builder Alignment Issues
I am trying to setup a custom header on my site using the Header Builder.
I am having three problems. that can be seen here:
http://www.synergex-testsite.com/
Problem #1 is the vertical alignment of the second row. I want the logo and the links on the right to be vertically centered with each other, but cannot seem to find which CSS I need to manipulate.
I was able to get it aligned by messing with the line-height and setting the toggle-menu a tags to a 0 padding but I am not sure that is the best way to accomplish this.
Problem #2 is that the active border/bar that appears below the navigation item when using a default menu rather than the header builder has disappeared. I can see what I think is the toggle class that is holding it's place but nothing is ever marked as the active link with it being displayed. (Note this happens with or without the menu-toggle padding set to 0)
My third problem is with the first row. I set icons to appear with each of the links via the menu settings but they are not appearing.
Comments
Hi,
I can see that you are using a deprecated plugin, Header Builder.
I suggest using Header Builder 2.0, which is not a plugin, but part of the Betheme package.
Please, check the following video tutorials:
https://support.muffingroup.com/video-tutorials/how-to-build-a-header-like-apple-com/
https://support.muffingroup.com/video-tutorials/header-builder-2-0/
https://support.muffingroup.com/video-tutorials/building-mobile-headers/
Best regards
While that did help with problems 1 and 3, I still have been able to get the active border bar to appear and haven't found anything in the settings of the template header options
Please open the element Menu options, and add the Item Animation.
Best regards