Tagged: 

Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • December 12, 2013 at 5:24 pm #199526
    odac25thka

    Hi again,

    Sorry to bother you guys again. I want to create my site to have the look of http://brandvine.com.au/ (they use enfold too)

    Please tell me how to make my header look like theirs. It doesn’t shrink when scrolls down and I don’t want the social navigation bar. My site is http://www.brillianceresources.com

    December 12, 2013 at 7:10 pm #199572
    Yigit

    Hi odac25thka!

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

    #header_meta { display: none; }
.fixed_header.social_header #main { padding-top: 117px; }
.social_header .main_menu ul:first-child > li a {
height: 116px!important; line-height: 116px!important; }
.logo, .logo a, .logo img { max-height: 116px!important; }

    That should do it

    Regards,
    Yigit

    December 12, 2013 at 7:12 pm #199574
    odac25thka

    Thanks!

    Just one more thing. Can I make it follow the scrolling like the brandvine ? It currently doesn’t move

    December 12, 2013 at 10:28 pm #199643
    Yigit

    Hey!

    You should choose one of Fixed headers in Enfold theme options > Header and it should be the same

    Best regards,
    Yigit

    December 12, 2013 at 10:29 pm #199645
    odac25thka

    Hi Yigit,
    Thanks for the help so far. Really appreaciate it.
    I tried that, the Header still shrinks… and covers half my logo. What should I do?

    December 12, 2013 at 10:42 pm #199652
    Yigit

    Hey!

    .social_header .main_menu ul:first-child > li a {
height: 116px!important;
line-height: 116px!important;
}

    This code is not being applied. Please add it to Quick CSS once again

    Cheers!
    Yigit

    December 12, 2013 at 10:45 pm #199653
    odac25thka

    .social_header .main_menu ul:first-child > li a {
    height: 116px!important;
    line-height: 116px!important;
    }

    #header_meta { display: none; }
    .fixed_header.social_header #main { padding-top: 117px; }
    .social_header .main_menu ul:first-child > li a {
    height: 116px!important; line-height: 116px!important; }
    .logo, .logo a, .logo img { max-height: 116px!important; }

    Like this?

    Erm… Still not working…

    December 12, 2013 at 10:50 pm #199654
    Yigit

    Hi!

    My bad. Please add following code to Quick CSS as well

    .social_header #header_main .container { max-height: 116px!important; }

    Regards,
    Yigit

    December 12, 2013 at 10:53 pm #199656
    odac25thka

    I added it like this :

    .social_header #header_main .container { max-height: 116px!important; }

    .social_header .main_menu ul:first-child > li a {
    height: 116px!important;
    line-height: 116px!important;
    }

    #header_meta { display: none; }
    .fixed_header.social_header #main { padding-top: 117px; }
    .social_header .main_menu ul:first-child > li a {
    height: 116px!important; line-height: 116px!important; }
    .logo, .logo a, .logo img { max-height: 116px!important; }

    Still… not there yet…

    December 12, 2013 at 10:55 pm #199659
    Yigit

    Hey!

    Do you mind creating a temporary admin login and posting it here privately so i can take a look at it for you?

    Best regards,
    Yigit

    December 12, 2013 at 11:00 pm #199664
    odac25thka
    This reply has been marked as private.
    December 12, 2013 at 11:16 pm #199676
    Yigit

    Hi!

    Changes are done. Please review your website. You can find custom CSS code i added in Quick CSS section

    Cheers!
    Yigit

    December 12, 2013 at 11:22 pm #199678
    odac25thka

    Oh wow. that’s perfect!!! Thank you :)

    December 12, 2013 at 11:24 pm #199681
    Yigit

    Hey!

    You are welcome! Let us know if you have any other questions or issues :)

    Regards,
    Yigit

  • Author
    Posts
Viewing 14 posts - 1 through 14 (of 14 total)
  • The topic ‘How to do the Header like BrandVine’ is closed to new replies.