Tagged: logo
-
AuthorPosts
-
January 21, 2014 at 12:04 am #212479
Hi again,
Is it possible to have the logo work like it does on this site (kriesi.at). Meaning that when the header menu shrinks (you scroll down the page) the logo image/logo text shrinks and then the logo text fades out, I really like that touch!
I presume it is two images with the one staying and the other disappearing ??? Is that possible with the Enfold theme ???Another question is how do I define the height of the header menu, both when it is “full”size (page not scrolled) and the height it shrinks to (when the page is scrolled down) ??
Thanks a lot !
January 21, 2014 at 12:51 am #212486Hey!
Regarding the first question please see Kriesi response here: https://kriesi.at/support/topic/kriesi-logo/#post-161892.
For the second one, this code will work (add it to the Quick CSS):
#header_main .container, .main_menu ul:first-child > li > a { height: 120px !important; line-height: 120px !important; } html.fixed_header #main { padding-top: 120px; }
Best regards,
JosueJanuary 21, 2014 at 1:21 pm #212743Hi,
Thanks for the reply, I understand and respect the secrecy about certain elements of your code and you wanting to maintain a certain uniqueness !
In relation to adjusting the height of the header menu. I’ve played around with the code, but can’t figure out to get it to do what I intend to.
I can see how it alters the height (positioning) of the grey line border, the menu text and the height of the header, but when I scroll down, everything – except the logo – is static and the logo shrinks to the predefined size.Originally the height of the (fullsize) header is approx. 90px, when it shrinks (the page is scrolled down) it resizes to approx. 45 px, with the logo decreasing in size.
What I’m trying to acheive is have the (fullsize) header appox 110px high and resize to approx. 65 px. I don’t see how your code snippet can accomplish that…What am I missing out on ?
Thanks
January 21, 2014 at 7:49 pm #212922Hey!
Please refer to this post here https://kriesi.at/support/topic/change-logo-image-for-scrolled-header/#post-188003
200 will be initial size and will be /2 when scrolled, so 100.
You will seeif(st < el_height/2) { newH = el_height - st; header.removeClass('header-scrolled'); } else { newH = el_height/2;
in the same section, you can change /2 to /1.5 if you would like to divide initial size less than half
Regards,
YigitJanuary 22, 2014 at 12:19 pm #213271Thanks Yigit, it worked like a charm !
January 22, 2014 at 1:02 pm #213283 -
AuthorPosts
- The topic ‘Logo and Main header menu’ is closed to new replies.