Tagged: ,

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • January 13, 2015 at 9:09 am #378670
    outsourceblock

    Hi Guys,

    I have a client requirement of a Login button on right hand side of the header.

    This is the sample page.
    https://dl.dropboxusercontent.com/content_link/CK13N3N4kNLDJJpmv7JBT3ur8ePjFoeCvnA7or0BEtaP81Cj6C2cnMr3UzxO8evf

    And the button I was talking about is the “Client Login” button on top right hand corner.
    Could you guys help what should I do to insert this button around that area ?

    Kind Regards,

    January 13, 2015 at 9:35 am #378673
    outsourceblock
    This reply has been marked as private.
    January 13, 2015 at 7:51 pm #379077
    Elliott

    Hi!

    Add this to the bottom of your functions.php file.

    add_action( 'ava_main_header', 'enfold_customization_add_to_header' );
function enfold_customization_add_to_header() {
	echo do_shortcode("[av_button label='Client Login' link='manually,http://www.google.com' link_target='' size='small' position='right' icon_select='no' icon='ue800' font='entypo-fontello' color='theme-color' custom_bg='#444444' custom_font='#ffffff' custom_class='']");
}

    And then replace “http://www.google.com” with the URL to your WordPress login form.

    Regards,
    Elliott

    January 15, 2015 at 8:29 am #379897
    outsourceblock

    Hi Elliott,

    Thanks for the response, it works slightly. However, I forgot to add, we have the custom button image to go with – How do I basically just this image instead of Enfold template button ?

    And How do I put this button align-center under the secondary menu ? (and this should work in mobile/tablet as well).

    Many Thanks in advance

    January 15, 2015 at 8:43 pm #380413
    Elliott

    Hi!

    If you want to use your own button then you can echo your own HTML and CSS out like so.

    echo '<a href = "insert URL" class = "my_button">Click here</a>';

    Regards,
    Elliott

    June 14, 2015 at 5:30 pm #458994
    geeman84

    Hi, I’ve just added the button using the code above, it looks good but it has moved the logo and menu down a notch and the header is now overlapping on to the banner below. Can you help me re-position the logo so it rectifies this and puts it in line with the menu on the right hand side?

    Thanks in advance

    Gary

    June 16, 2015 at 3:46 pm #460096
    Andy

    @geeman84
    please always open a new ticket for a new task/issue/question. Include a link to your website showing what you mean. Screenshots showing what you want to achieve would help a lot. Use imgur.com or dropbox.

    Regards,
    Andy

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Adding custom button on top right hand of Enfold Header’ is closed to new replies.