Remove act-scroll from mobile sticky header
-
Hi Xtemos Team,
I want to remove the act-scroll for header and keep the header sticky with no change and not reduce the logo.
I try using css to keep[ same size of normal header but not working for me
body .main-header.header-has-no-bg.act-scroll {
height: 95px;
}
.main-header .wrapp-header {
height: 95px;
}
.sticky-header-real:not(.global-header-menu-top) .act-scroll .switch-logo-enable .basel-logo {
height: 95px;
}
.sticky-header-real:not(.global-header-menu-top) .act-scroll .switch-logo-enable {
transform: translateY(-95px);
-webkit-transform: translateY(-95px);
}
.act-scroll .site-logo img,
.header-clone .site-logo img {
max-height: 90px;
}
.sticky-header-real:not(.global-header-menu-top) .act-scroll .switch-logo-enable .basel-logo {
height: 90px;
}
.act-scroll .site-logo img,
.header-clone .site-logo img {
max-height: 90px;
}
/* Height for switch logos */
.main-header .switch-logo-enable .basel-logo {
height: 90px;
}
.sticky-header-real:not(.global-header-menu-top) .act-scroll .switch-logo-enable .basel-logo {
height: 90px;
}
.sticky-header-real:not(.global-header-menu-top) .act-scroll .switch-logo-enable {
transform: translateY(-90px);
-webkit-transform: translateY(-90px);
}
Regards,
Suleiman.
Hello,
If you want to set the same height for the default and sticky header you can do that in the Theme Settings > Header > Header layout: https://monosnap.com/file/tldoSEbDkQAgTgwBtHetPzZLOEAiZZ
Logo for sticky options is provided to give the opportunity to use different logos on the default and sticky header. If you have the same logo you may leave this field empty: https://monosnap.com/file/lc8ykfmotYnVSEJj0aLqAyFaOYZ3Gv
Best Regards