Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • March 22, 2014 at 12:26 am #241430
    presidiumwealth

    I need some help on my website, my client wants to have “Like us on Facebook” next to the Facebook icon.

    I can sort of accomplish this by popping the icons into the top secondary menu area along with the “extra info” – But what I want is to have both in the main header area, not above it.

    Here is my site:

    http://prpr23393.staging-cloud.netregistry.net/

    Can anyone help? Thanks!

    March 24, 2014 at 3:13 pm #242112
    Yigit

    Hey presidiumwealth!

    Please add following code to Quick CSS in Enfold theme options under Styling tab

    #top .social_bookmarks, .phone-info span { padding-top: 30px; }

    Cheers!
    Yigit

    March 31, 2014 at 6:53 am #245287
    presidiumwealth

    Thanks. This moved the social bookmark and phone info down, but how do I make the top nav area, which is blank, 0px tall?

    March 31, 2014 at 11:44 am #245368
    Yigit

    Hi!

    You can add following code to Quick CSS as well

    #header_meta { margin-top: -30px; }
.html_header_top.html_header_sticky #top #wrap_all #main { padding-top: 132px; }

    Cheers!
    Yigit

    April 1, 2014 at 4:42 am #245838
    presidiumwealth

    You’re an absolute legend! Thanks Yigit.

    Using Enfold for all my clients now. Thanks.

    April 1, 2014 at 4:44 am #245839
    presidiumwealth

    One last thing. How does this work for the mobile responsive header? My logo is squashed, and the social icons are all over the place. Have a look on the site and you’ll see what I mean.

    Cheers.

    April 1, 2014 at 4:45 am #245840
    presidiumwealth

    Sorry, and also, your CSS has made a block appear below the main navigation. How do I remove this? Assuming I need to shrink height of the header somehow?

    April 1, 2014 at 1:57 pm #246009
    Yigit

    Hi!

    Please add following code to Quick CSS as well

    @media only screen and (max-width: 767px) {
.av_phone_active_right .phone-info {
float: left;
margin-top: -35px;
margin-left: 15%; }
.responsive .logo a, .responsive .logo img {
height: auto !important; }
.responsive .logo img { top: 0; }
}
@media only screen and (max-width: 480px) { 
.av_phone_active_right .phone-info { 
margin-left: 0; }}

    Can you post a screenshot of the block?
    Cheers!
    Yigit

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