stickly menu mobile

Posted in: Newspaper
Post count: 64
ySV
#266907
Dec 12, 2018 at 2:43 pm

how can i make stickly menu only for mobile?

Post count: 20688
Simion C.
#266957
Dec 12, 2018 at 4:54 pm

Hi,

The sticky menu setting is general, so it will affect both desktop and mobile.

I could give you a code to hide the sticky menu on desktop, it will be displayed only on mobile, enter it in the Theme panel-> Custom code CSS section

@media (min-width: 767px) {
.td-header-menu-wrap.td-affix {
display: none;
}}

You could give it a try and see if it’s what you wanted.

Thanks

Post count: 64
ySV
#267035
Dec 12, 2018 at 10:58 pm

Thanks it work fine

Post count: 64
ySV
#268444
Dec 20, 2018 at 4:49 pm

i use this css code for block on desktop the stickly option:

/*DESKTOP 1141px + */


@media (max-width: 1141px){

/*Disable menu stickly*/
.td-header-menu-wrap.td-affix {
display: none;
}
}

but not work for me

Post count: 20688
Simion C.
#268502
Dec 21, 2018 at 10:39 am

The code I provided above will hide the sticky menu for devices above the specified width, so it will be visible only on phones for example.

The code you mention will work for widths below 1141px. It will be visible in other cases.
Visible – http://prntscr.com/lxt5t7
Removed – http://prntscr.com/lxt60n

Viewing 5 posts - 1 through 5 (of 5 total)
The forum ‘Newspaper’ is closed to new topics and replies.