Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • November 12, 2014 at 4:58 am #349849
    bananadan

    Is there any way to make a copy of the “Make An Appointment button and move this to the top of the page as illustrated in this screenshot:
    http://prntscr.com/55is4o
    Our site is http://www.acunyc.com
    The button should also appear centered in mobile browsers either above or below the telephone number.
    Thank you very much,
    Dan

    November 12, 2014 at 5:37 pm #350145
    Yigit

    Hi Dan!

    Please go to Appearance > Menus and create a new menu and add “Make An Appointment” link to your menu and then check “Enfold secondary menu” under Menu Settings. Then go to Enfold theme options > Header > Extra Elements and choose to display secondary menu.

    Regards,
    Yigit

    November 14, 2014 at 1:25 pm #351220
    bananadan

    Hello Yigit:
    This kind of worked. But There is an issue with this solution and I hope I can ask for additional help.
    1. As you will see in this screen shot (http://prntscr.com/5685g1), I chose to make the link a “button”. But the link appears as a “text” link as you can see here (http://prntscr.com/5685se). What can I do to make this a button?
    2a. I want to increase the size of the Social Media Links, the telephone number, and, if I cannot create a button for the Make an Appointment link, I would like to increase the size of this as well. Can you supply the CSS that will do this?
    2b. Can you provide the CSS to change the color of the telephone number to the green color used in the links on the page?
    Thank you very much for all your help.
    Dan

    November 15, 2014 at 6:43 am #351698
    Ismael

    Hey!

    1.) Use this to change the style of the “Make an Appointment” menu item:

    li#menu-item-3780 a {
background: green;
padding: 10px;
color: #ffffff;
}

    This for the social icons:

    #top .social_bookmarks {
height: 50px;
}

#header_meta .container {
min-height: 50px;
}

#top .social_bookmarks li a {
width: 50px;
line-height: 50px;
min-height: 50px;
font-size: 20px;
}

#top .social_bookmarks li {
width: 50px;
}

    2.) You can change the phone number color with this:

    .phone-info span {
color: #719430;
}

    Cheers!
    Ismael

    November 15, 2014 at 1:51 pm #351802
    bananadan
    This reply has been marked as private.
    November 16, 2014 at 2:40 pm #352002
    Ismael

    Hi!

    One of the media queries is not closed properly. Please look for this code:

    @media only screen and (max-width: 480px) {
.responsive.social_header .phone-info, .responsive.social_header .phone-info a {
text-align: center;
float: none;
clear: both;
margin: 0;
padding: 2;
font-size: 14px !important;
}

    Replace it with:

    @media only screen and (max-width: 480px) {
.responsive.social_header .phone-info, .responsive.social_header .phone-info a {
text-align: center;
float: none;
clear: both;
margin: 0;
padding: 2;
font-size: 14px !important;
}
}

    You need to move all media queries at the bottom of the Quick CSS field.

    Regards,
    Ismael

    November 16, 2014 at 8:04 pm #352132
    bananadan

    Perfect Ismael! If I may, just one last thing. In our desktop version of the site, the Social Media icons are colored. In the mobile browser, the icons are black/gray. Can the mobile browser icons be colored like the desktop?
    Here is the code affecting the desktop icons, but I am not sure how to adjust this to change the color of the mobile browser icons:
    #top .social_bookmarks li_rss a { color: #ffa133; }
    #top .social_bookmarks li_gplus a { color: #de5a49; }
    #top .social_bookmarks li_facebook a { color: #37589b; }

    November 17, 2014 at 1:50 pm #352395
    Ismael

    Hey!

    Place the code at the very bottom of Quick CSS file:

    #top .social_bookmarks_rss a { color: #ffa133 !important; }
#top .social_bookmarks_gplus a { color: #de5a49 !important; }
#top .social_bookmarks_facebook a { color: #37589b !important; }

    Regards,
    Ismael

    November 17, 2014 at 2:45 pm #352427
    bananadan

    Dear Ismael:
    Thank you very much. That worked perfectly.
    I would also like to add that I think that the support that you and the others at Kriesi provide is outstanding! You guys are providing far better support than even the largest organizations in the world who have hundreds/thousands of support staff. It shows that yo guys care about your customers.
    I am truly grateful for all your support. If there is any place where I can lave a recommendation, please direct me. It would be a pleasure to tell the world what a great product and support you guys have!
    Best regards,
    Dan Globus

    November 18, 2014 at 2:32 pm #352961
    Ismael

    Hi!

    Thank you for the kind words. Glad we could help. :)

    You can rate the theme here: http://themeforest.net/item/enfold-responsive-multipurpose-theme/4519990?ref=Kriesi

    Best regards,
    Ismael

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Adding Graphic to Header Area’ is closed to new replies.