Tagged: 

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • January 7, 2015 at 12:56 am #375946
    millertimesites

    Have been trying to add a button next to the phone number in the top bar for awhile but it doesn’t the phone field in the Theme Options > Header area doesn’t seem to be taking the short code.

    I have been using this in the phone field:
    (651) 328-6830 [button link=”http://02e.404.myftpupload.com/contact-2” color=”#52A6D0″ border=”#222222″ text=”light” window=”yes”]Get A Quote[/button]

    Site is http://02e.404.myftpupload.com, trying to make it look like this Enfold theme http://www.konkapot.com

    Thanks
    Jon

    January 7, 2015 at 1:21 am #375949
    begrafiks

    Hi millertimesits;
    I think you should create a “Secondary Menu” (dashbord > Apperance > Menus)
    and add your page “Get A Quote” in this menu.

    And in the Theme options
    Header > Extra elements > Header Secondary Menu
    and chose “Secondary Menu in top bar at the left”.

    you should maybe add some lines of code : layou.css line 1161-1195

    January 7, 2015 at 1:43 am #375951
    millertimesites

    @Begrafiks
    Thanks for your reply.
    I did try that also and while I was able to get the menu/item in the top bar, I wasn’t able to make it a colored button that stands out.

    Would be best if I could get the Button short code to work in the Phone Field that way I can set the spacing how I want, set open in a new tab link, and most importantly I want the button to stay visible in the mobile header instead of collapsing like a menu.

    Trying to move my Get A Quote button (found here http://02e.404.myftpupload.com) up to the right of the Phone like this site which has a button to the left the phone with spaces in between http://www.konkapot.com.

    January 7, 2015 at 6:11 am #375989
    millertimesites

    Also tried to do it but using a .png image for the button and placing it next to the phone with the code below but couldnt figure our how to vertically align the text and image so it looked silly. Ended up making the Phone and the Button both separate .png images and it seems to look okay even in mobile.

    Still would really prefer to get the button short code to work to do it way easier

    January 7, 2015 at 7:26 am #375998
    millertimesites

    I got this old school coding to work inside the Phone field. Because the button color was the same as the theme color I had to add an image in for the text, but it aligns okay.
    (651) 328-6830 &nbsp &nbsp <button type=”button” style=”background-color:#52A6D0;height:100;color: white” onclick=”window.open(‘http://02e.404.myftpupload.com/service&#8217;, ‘_parent’)”><font size=”5″ face=”open sans”><b></b></font></button>

    Anyone find better button code for the top bar of Enfold?

    January 7, 2015 at 10:23 am #376036
    begrafiks

    What do you think about to increase the space below the button ;

    @media only screen and (max-width: 767px) {
.responsive .phone-info{margin-bottom: 25px !important;}
.phone-info span {line-height: 40px !important;}
}

    The first line is the margin-below otherwise the button covers (!) the logo,
    The second line for the line-height of the phone number which is too close to the button

    January 8, 2015 at 5:11 am #376622
    Ismael

    Hey!

    Thank you for using Enfold.


    @begrafiks    : Thanks for helping out.

    @millertimesite: Looks like you managed to add the button but the sliders are not showing up when I checked the page. Please try to deactivate all plugins then test it again.

    Best regards,
    Ismael

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