Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #543887

    Hello,

    I have enabled the shrinking header and I want to be able to change the style of menu links while the header is shrinking. I am using an Enfold Child Theme.

    With a full sized header, I have increased top margins on my menu links so as to position them at the bottom of the header.

    View post on imgur.com

    With the fully shrunken header, I have eliminated these increased top margins by targeting them with the class ‘header-scrolled’ (see below).

    View post on imgur.com

    However, in between states (before the theme applies the ‘header-scrolled’ class to the header), the margins are still applied and it forces the main menu links below the header (see below).

    View post on imgur.com

    Is there any way to fix this? Thanks,

    Ricky

    • This topic was modified 8 years, 11 months ago by Dake.
    #544908

    Hi rickyporco!

    Sorry about the delayed response.

    May we have temporary admin access to your website so we can see the exact css you used for the header section?

    That way we can provide you with appropriate css that should work across the board.

    Cheers!
    Dake

    #545983

    can I just give you the style.css file? I didn’t edit the header css outside of this file.

    • This reply was modified 8 years, 11 months ago by rickyporco. Reason: add dropbox link
    #546155

    Hi!

    We will need to do some tryouts to be sure we can bring the right results, with the correct areas, based on the things you have developed
    If you add your username / password to private data, there will be no problems at all.

    Best regards,
    Basilis

    #546162

    Okay, thanks.

    #547313

    hey basilis,

    any luck on a fix for this? Thanks so much for your help.

    #548312

    Hi!

    refuse from bumping into your own thread, as it pushes it behind in our queue and marks it as answered and then we can’t provide a faster reply to you.

    Seems you figured it out, because your menu behaves fine when scrolled now. Can you confirm?
    If not: can you show us the result you want to achieve please? so we get a clear idea of what you want please?

    Regards,
    Andy

    #548471

    Hi Andy,

    I figured out a fix for this days ago using a small bit of js

    • This reply was modified 8 years, 11 months ago by rickyporco.
    #548594

    Hi,

    Great, glad you found a solution :-)

    Best regards,
    Rikard

Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Shrinking Header Distorts Menu’ is closed to new replies.