How to stick header widget area button on moble and computer intregrety

Support
#1

#2

Hello Saswata,

Thanks for posting in! The sticker header widget area toggle is already positioned at the top right corner. It may look like it is not when viewing in the X > Theme Options but in the front end, it is well positioned already.

Hope this helps.

#3

Hey, @RueNel but when mobile users scroll down it is not sticky, rather it is hidden, how to fixed this header widget button when user scroll down too

#4

Hello Saswata,

To make it fixed on smaller screens, please add the following CSS code in the X > Theme Options > Global CSS (http://prntscr.com/evui3r)

@media (max-width: 979px){
    .x-widgetbar {
        position: fixed;
        height: 100%;
        overflow-y: scroll;
    }

    .x-btn-widgetbar,
    .x-btn-widgetbar i {
        position: fixed;
        z-index: 16000;
        color: #fff !important;
        opacity: 1;
    }

    .x-btn-widgetbar i {
        top: 8px;
        right: 5px;
    }
}

Hope this helps. Kindly let us know.

#5

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.