Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #412458

    Hello! We were wondering if the small logo that appears on scroll could be made just a touch bigger bigger and centered within that small white container? We tried to manipulate the .container with css but it seems to effect the container when it’s large as well… we only need it to be wider to accommodate a larger logo on scroll..

    Thanks,
    Gear Out Here

    #412471

    Hey gearouthere!

    Please go to Enfold theme options > Header > Transparency Options and upload your transparent logo there and upload your original logo in Enfold theme options. You do not need to use custom CSS code to display your logo

    Cheers!
    Yigit

    #412530
    This reply has been marked as private.
    #412801

    Hi!

    1.) Adjust the shrinked logo with this:

    .home .header-scrolled .logo {
      background-size: 40px 40px;
    }

    2.) You can try this:

    .header-scrolled #header_main .container, .header-scrolled .main_menu ul:first-child > li a, .logo a, .logo a img {
      height: 70px !important;
      line-height: 70px !important;
      max-height: 70px !important;
    }

    Cheers!
    Ismael

    #414153

    Hello,
    I hope you don’t mind participating in this thread.
    I tried both and the result is:

    In code1: nothing changed
    In code2 : it works but diminish the size of logo both before and after scrolling.

    Any more ideas please?
    Best Regards

    #415058

    Hey!

    @mddawood: Did you enable the “Sticky Header” behaviour? Note that the first code will only work for the front page and it will work on the OP’s site because of his own header modifications. Please create a new thread describing your request or issue. Thank you.

    Regards,
    Ismael

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