Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • May 19, 2016 at 11:53 pm #635604
    advteksol

    I am trying to add two buttons above my header. I tried adding a widget in the secondary menu which didn’t work that well. I also tried using the Phone Number option, but could only get one link, not a button. Then I came across this coding in one of your posts for the functions.php:

    /* Add button to above header */
    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='left' icon_select='no' icon='ue800' font='entypo-fontello' color='custom' custom_bg='#ff6000' custom_font='#ffffff' custom_class='']“);
    }

    This seems to work, but when I add a second button, it pushes it down to the next line. I need them both to be on the same line.

    Also, this button is way to the left. I would like to have one just over the left of my main menu and one in the middle.

    Can you please help with these issues. Thanks.

    May 20, 2016 at 2:55 am #635631
    Vinay

    Hey advteksol,

    We have added this code to the Quick CSS section under Enfold > General Styling 

    .btn-center {
    display: inline-block;
    width: 100%;
    position: absolute;
}

    Best regards,
    Vinay

    May 20, 2016 at 2:46 pm #635912
    advteksol

    Thank you, that works for getting both buttons on one line. Now how would I move them around horizontally? I would like to move the Client Login button (left most button) over the Home in the main menu.

    May 23, 2016 at 10:15 am #636657
    Josue

    Hi,

    Would you mind posting us a screenshot/mockup of what you would like to achieve? You can upload the screenshot to imgur.com or dropbox and share the link here :)

    Best regards,
    Josue

    May 23, 2016 at 3:15 pm #636834
    advteksol

    Here’s the link to what I would like to do: http://i.imgur.com/0KnccMX.jpg

    Thanks.

    May 23, 2016 at 3:55 pm #636866
    Josue

    Hi,

    Change your code in functions.php to this:

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

    Best regards,
    Josue

    May 23, 2016 at 6:01 pm #636997
    advteksol

    Thank you but no, that doesn’t work. It moved the 1st button over, but removed the spacing at the top and moved the second button under the menu bar – see link: http://i.imgur.com/0wsyGGL.png.

    I need to have both links at the top with spacing above logo as shown earlier in link: http://i.imgur.com/0KnccMX.jpg.

    May 25, 2016 at 2:52 pm #638055
    Josue

    Hi,

    Check it now.

    Best regards,
    Josue

    May 25, 2016 at 2:54 pm #638057
    advteksol

    Thanks for checking on it.

    May 25, 2016 at 3:34 pm #638083
    advteksol

    Better, but now the Client Login button does not work (although the Apply Now button does). Also, how would I increase the spacing above the logo so that it looks similar to what it did in my first picture (http://i.imgur.com/0KnccMX.jpg)?

    Thanks for your help.

    May 26, 2016 at 12:55 am #638360
    Josue

    Hi,

    Did you remove one of the buttons? i only see one now, also if you could provide me a mockup with the end result, that would be better.

    Best regards,
    Josue

    May 26, 2016 at 11:04 pm #639005
    advteksol

    I think we’ll go with just the one button and I can position that as I need.

    Thank you for your help.

    May 27, 2016 at 1:32 am #639027
    Josue

    Ok, let us know if you need anything else.

    Best regards,
    Josue

  • Author
    Posts
Viewing 13 posts - 1 through 13 (of 13 total)
  • You must be logged in to reply to this topic.