you say that before import of parent settings something was ok. Maybe you go and press that Reset all Options Button on Enfold Child.
Before you do that copy paste your quick css to your desktop text editor.

If it is better than – you can reconstruct your wanted color scheme and color settings.
If you paste in your quick css and it changes to the faulty outlook there must be one or more entries that causes this behavior.

it is a bit of work ( Widgets and all Headersettings etc must be set again) – but otherwise we wan’t find the wrong and strange behavior.

btw : this could be a better (seamless) background pattern: Link

you try to give the tab headings a background image ?
Or the whole tab content – including the headings?

are you working with a child-theme ? in this case i would recommend you to completely erase your enfold folder via ftp and upload a fresh one.
All settings are in wp-content/uploads/dynamic_avia etc. so they are not influenced by this.

to reach intentionally such a change – it has to be a bit of work to get your results. So if you do not influence it yourself it is very labour intensive to get what you got.n So is there anybody who helped you with your page?

Have a look to your functions.php of your child-theme – are there additional settings or functions ?

go to fontello.com – mark the icons you want and give the whole bunch a meaningful font name (f.e. transportation) download the webfont.
Upload this fontello zip file to enfold on Dashboard – Enfold (child) – Import/Export – Iconfont Manager

and here you didn’t mention it that it is a https page: your thread above

anyway hope it works now.

Or use the secondary menu (Will be displayed if you selected a header layout that supports a submenu here) (Currently set to: headnavigation)

but even there you have to target the link correct!

where is thetarget="_blank" ?

btw : looks this way : https://webers-testseite.de left side over the logo

so you need text instead of an icon – and you allready used the “Header Phone Number/Extra Info” because this is made for that case

btw. no one hampers you to insert here html text too so this is possible:

<a href="https://webers-testseite.de/wp-login.php" target="_blank">Member Login/Sign-Up</a>&nbsp;&nbsp;&nbsp; Fon: +49 228 9768293

same example page on the right side!

when you send me an ok – i switch the my layout back to origin and delete your logo.
If you need your logo as path – tell me

so on that example above i set now to 300px start point 50px endpoint and try to influence the logo height with an animation to go to zero when setting up the new class header-scrolled-full or header-scrolled.

so see the result on example page above. : https://webers-testseite.de/elegant/

this to quick css

.header-scrolled .logo img {
    transform: scale(0.01);
    transform-origin: center center;
    transition: 0.5s linear
}

• This reply was modified 7 years, 3 months ago by Guenni007.

well this is an old thread here i try to explain on :

https://kriesi.at/support/topic/reduce-sticky-header-size/#post-722364
and :
https://kriesi.at/support/topic/reduce-sticky-header-size/#post-724020

it all is in avia.js file – Kriesi did here choose the absolute easiest value to have because on that case of half height is the endpoint of scrolling it is that special case where the scrolled distance to reach the endpoint of scrolling it exactly the half height of starting height..

For example if you start with a initial header height of 300 px and you want to reach the endheight of 150px
Distance to scroll for reaching the endheight is the same

This code in avia.js is for the shrinkbehavior (since line 1536) :

var logo            = $('#header_main .container .logo img, #header_main .container .logo a'),
elements        = $('#header_main .container:not(#header_main_alternate>.container), #header_main .main_menu ul:first-child > li > a:not(.avia_mega_div a, #header_main_alternate a), #header_main #menu-item-shop .cart_dropdown_link'),
el_height       = $(elements).filter(':first').height(),
isMobile        = $.avia_utilities.isMobile,
scroll_top		= $('#scroll-top-link'),
transparent 	= header.is('.av_header_transparency'),
shrinking		= header.is('.av_header_shrinking'),
topbar_height	= header.find('#header_meta').outerHeight(),
set_height      = function()
{	
    var st = win.scrollTop(), newH = 0, st_real = st;
	
	if(unsticktop) st -= topbar_height; 
	if(st < 0) st = 0;
	
	if(shrinking && !isMobile)
    {
        if(st < el_height/2)
        {
            newH = el_height - st;
            if(st <= 0){
				newH = el_height;
		    }
            
            av_change_class(header, 'remove', 'header-scrolled');
            //header.removeClass('header-scrolled');
        }
        else
        {
            newH = el_height/2;
            //header.addClass('header-scrolled');
            av_change_class(header, 'add', 'header-scrolled');
        }

so what if you like to start at 300px initial height and want to end at 1px header height.
The distance you have to scroll to reach one pixel is 299px ! Aha – so
the value you have to insert here to replace is : if(st < el_height/1.0033) factor is 300/299
the value here on second place to substitute is : newH = el_height/300; factor is 1/300

see here f.e: https://webers-testseite.de/elegant/

but this makes no sence – because your navigation needs some height to be seen correct – next example to make it clear
it all goes arround the factors in line 1553 and line 1565

you start with a header height of 300px and want to end at 50px
first value to be replaced is (because distance to scroll is 250px) 300/250 = 1.2 ( be carfull to not make a comma here it is a point for decimal count)
second value is 300/50 = 6 – so on lines:

1553 it is : if(st < el_height/1.2)
1565 it is: newH = el_height/6;