Tagged: header, login button
-
AuthorPosts
-
April 19, 2017 at 4:51 pm #780058
I am looking to add a ‘Login’ button in the top left area of my website. I would like this to go in the bar above the main header area.
I found this topic, but it only adds the button to the main header area: https://kriesi.at/support/topic/adding-custom-button-on-top-right-hand-of-enfold-header/Thanks for your help!
April 20, 2017 at 5:45 am #780294Hey trellyn,
First off, thanks for using our theme.
To apply this shortcode at the top bar, use the following code: https://gist.github.com/JohnTorvik/0c3bc47edbd0893e14fb79385d92e5d6
And don`t forget to replace the http://www.google.com by your URL.
Best regards,
John Torvik- This reply was modified 7 years, 8 months ago by John Torvik.
April 20, 2017 at 6:19 pm #780697Thank you, John.
I was curious where I would edit the top bar? Is this in a specific php file?
Thanks.April 20, 2017 at 8:53 pm #780764Hi,
You should add the code John gave you to functions.php.
Best regards,
NikkoApril 20, 2017 at 10:45 pm #780864Thank you, Nikko!
I am still having some issues with the positioning of the button. I want it to be in that bar, but on the left side of the side. By the logo.
Any ideas?
Thanks.
April 20, 2017 at 11:01 pm #780878Hi,
Try adding this css code in Quick CSS (located in Enfold > General Styling):
#top #header_meta .avia-button-wrap.avia-button-left { margin-left: 10px; float: left; position: relative; top: -10px; } #top #header_meta .avia-button.avia-size-small { padding: 4px; }
Let us know if this helps :)
Best regards,
NikkoApril 20, 2017 at 11:10 pm #780885Nikko –
That code helped tighten everything up, but it is still on the right hand side of the site.April 20, 2017 at 11:22 pm #780890Hi,
Okay, please replace this code I gave:
#top #header_meta .avia-button-wrap.avia-button-left { margin-left: 10px; float: left; position: relative; top: -10px; }
to this css code:
#header_meta nav.sub_menu { position: static; } #header_meta #avia2-menu { padding: 10px 0; } #top #header_meta .avia-button-wrap.avia-button-left { position: absolute; top: 0; left: 0; }
Hope this helps :)
Best regards,
NikkoApril 20, 2017 at 11:28 pm #780893Nikko –
Thank seemed to work.
Thank you so much for your help. I appreciate itApril 20, 2017 at 11:37 pm #780901Hi,
Glad to hear that. Thanks for using Enfold :)
Best regards,
Nikko -
AuthorPosts
- You must be logged in to reply to this topic.