Tagged: , ,

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • December 13, 2017 at 12:44 am #888145
    berwickredan

    Hey there – I attempted to find an answer to this but can’t seem to track one down.

    What I’m hoping to accomplish is straight forward but might be complex.

    I have set my header to be centered with the menu below. When I scroll, I want to use a shrinking header but I also want to have the logo and menu move to 1 line and full width. This isn’t my site but it is a good example of what I’m trying to accomplish: https://www.velasca.com

    Is this possible with Enfold?

    Thanks!
    Kane

    December 13, 2017 at 8:55 pm #888543
    Victoria

    Hey Kane,

    It is possible but requires some knowledge of html and css.

    Best regards,
    Victoria

    December 13, 2017 at 8:57 pm #888544
    berwickredan

    Thanks, Victoria. I have both so I should be able to handle it. Will it require edits to PHP files or can I handle it all front-end?

    Thanks,
    kane

    December 14, 2017 at 8:13 am #888777
    Rikard

    Hi,

    I think you should be able to achieve that using CSS only, though I’m not a 100% sure. If you should need any help on the way then please post a link to where we can see your site and what you need help with.

    Best regards,
    Rikard

    March 13, 2018 at 12:00 am #925805
    Vinay

    Hi,

    Thank for asking this interesting question. It can be achieved using the below CSS. You need to have sticky and shrinking header enabled in Enfold > Header > Header behavior for this code to work :)

    #header.header-scrolled-full .av-logo-container.container {
	position: absolute;
	left: 20px;
}

    Best regards,
    Vinay

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