Tagged: 

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #375946

    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

    #375949

    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

    #375951

    @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.

    #375989

    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

    #375998

    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?

    #376036

    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

    #376622

    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

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