Tagged: 

Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • #199526

    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

    #199572

    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

    #199574

    Thanks!

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

    #199643

    Hey!

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

    Best regards,
    Yigit

    #199645

    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?

    #199652

    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

    #199653

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

    #199654

    Hi!

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

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

    Regards,
    Yigit

    #199656

    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…

    #199659

    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

    #199664
    This reply has been marked as private.
    #199676

    Hi!

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

    Cheers!
    Yigit

    #199678

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

    #199681

    Hey!

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

    Regards,
    Yigit

Viewing 14 posts - 1 through 14 (of 14 total)

The topic ‘How to do the Header like BrandVine’ is closed to new replies.