Home Forums Basel support forum Remove act-scroll from mobile sticky header

Remove act-scroll from mobile sticky header

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #302772

    Suleiman91
    Participant

    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.

    #303541

    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

Viewing 2 posts - 1 through 2 (of 2 total)