-
Posts
-
Hi!
I’m trying to ceneter the logo in the header but I want the menu to be split in half. I found various solutions in this forum but none of them worked. The best I could find for now is to create, in the menu, a new custom link with an html img tag, and place the custom link in the middle of the menu .
Here is the header
here
And here is the stiky header
here
Beside the fact that the logo is not vertically centered… I’d really like the logo to resize when scrolling down and it won’t happen if I use the img tag in the menu …
Is there any solution? I linked my stite in private content.Hey AugeoCoop,
Thank you for using Enfold.
Adjust the height and line-height of the menu items and the main menu container.
.html_header_top .av_bottom_nav_header #header_main_alternate .main_menu ul:first-child > li > a { height: 154px; line-height: 154px; } #header #header_main_alternate .container { max-height: 154px; height: 154px; }Best regards,
IsmaelHi, i want to make a little change in the header.
Is it possible to have the logo shrink when i scroll down? right now is fixed on top of the screen so there is no change in the size.Hi, i want to make a little change in the header.
Is it possible to have the logo shrink when i scroll down? right now is fixed on top of the screen so there is no change in the size.Hi AugeoCoop,
The shrinking header is enabled in the theme options
If you need further assistance please let us know.
Best regards,
VictoriaHi, the problem is that withe the modification above the shrinking logo do not work. The logo now is an item in the menu, not the real logo i uploaded in enfold.
Hi AugeoCoop,
Can you give us temporary admin access to your website in the private content box below, so that we can have a closer look? The shrinking header reduces the line height of the menu too, so it already does half of the job.
Best regards,
VictoriaHi, I removed it with the custom css. Since i could not find another way of displaying the logo in the center with the rest of the menu at the sides i removed the logo and then i creted a menu item that is the image you see in the header.
.logo { display: none; }
this is the cssHi,
Thank you for the update. The centered logo looks good. Glad that you found a workaround.
Best regards,
IsmaelThank you but in this condition i can’t have the logo resize when i scroll down… Maybe is there a work around for this?
Hi,
Please post the login details in the private field. We’ll try to find a workaround. If the “Sticky Header” option is enabled, you can use the “.header-scrolled” selector to change any element when the page is scrolled. Example.
.header-scrolled .any-element { color: red; }The “any-element” selector can be replaced with the menu item selector containing the logo image so that you can specify the size on scroll.
Best regards,
Ismael
- You must be logged in to reply to this topic.