Tagged: , ,

Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • #304126
    #304213

    Hey Nik!

    Try adding this to the Quick CSS:

    #top .header-scrolled .logo a, #top .header-scrolled .logo a img{
        max-height: 116px !important;
    }
    .logo, .logo a{
        overflow: visible !important;    
    }
    #top .header-scrolled .logo img{
        background: white;
    }

    It would be easier if you share us the website.

    Best regards,
    Josue

    #304412
    This reply has been marked as private.
    #304457

    Hey!

    You could try decreasing the duration of the transition or use a different timing function:
    http://css3.bradshawenterprises.com/transitions/

    Cheers!
    Josue

    #304559
    This reply has been marked as private.
    #304583

    Hi Nik!

    You’d need to change when does the header gets the “header-scrolled” class, try the following, open js/avia.js and look for this line:

    if(st < el_height/2)
    

    Change it to:

    if(st > 0)
    

    Cheers!
    Josue

    #308036

    Hi! So this does exactly the opposite of what I want. ;) I’d like to have the logo pop out in full size, and when scrolling have it pop back into the header. Right now it’s inside the header in full size (at top), and pops out during scroll. How can I reverse w/o losing responsiveness? (http://fusewm.com)

    THANKS!

    #308069

    Hey Veronica!

    Remove this code from style.css:

    #top .header-scrolled .logo a, #top .header-scrolled .logo a img{
        max-height: 116px !important;
    }

    And add this:

    #header_main .container {
        height: 58px !important;
        line-height: 58px !important;
    }
    div#main {
        padding-top: 60px !important;
    }

    Best regards,
    Josue

    #308082

    Ok – so I kind of changed my mind (it’s what happens when there’s too many chefs in the kitchen). Let’s keep the mini-breakout and also have it broken out in the same proportions when the header is large (at the top). Does that make sense?

    THANKS SO MUCH!

    #308102

    You want to keep it this way on all times?

    Regards,
    Josue

    #308104

    Yes, but bigger and smaller respectively with the header.

    #308114

    Can you create a mockup of what would you want to achieve?

    Best regards,
    Josue

    #309472

    I simply want the logo to remain “popped out” of the header – just in bigger and smaller versions of itself proportionate to the header resizing on the desktop version.

    #309496

    Try with this code:

    #header_main .container {
        height: 58px !important;
        line-height: 58px !important;
    }
    div#main {
        padding-top: 60px !important;
    }
    strong.logo, .logo a, .logo img {
        height: 116px !important;
        max-height: 116px !important;
    }

    Cheers! 
    Josue

    #310040

    Well, that made the header tiny always. I want the header to continue being large when one is at the top of the screen, but the logo popped out then as well.

    That is, when the header is full size, the logo is twice as big and pops out of the header 50%. Thus, when the header minimizes, the logo also gets smaller to stay proportionately popped out (50%).

    I want the header and logo to be equally responsive to scrolling and device usage. I could easy affect the max-height of the logo, but it would never minimize for smaller devices.

    #311003

    Hi!

    Unfortunately this is not possible with css code and would require a time-intensive customization of the javascript code which minimizes the menu. You would need to hire a freelancer if you want to implement such an effect.

    Best regards,
    Peter

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