Sticky menu sticky on laptops but not on smartphones and tablets

Pending
Travelo - Travel/Tour/Car Rental/Cruise Booking WordPress Theme Travelo - Travel/Tour/Car Rental/Cruise Booking WordPress Theme August 10, 2019
Login to reply
Kelly R Support Agent
4 years ago

Hi,

Please send me your website url and admin credentials and ftp information.

Let me check your website.

And your support license was expired. Please extend it.

Regards, C-Themes

Kelly R Support Agent
4 years ago

Hi,

We are in vacation now. 

We will reply right away when we come back. 

Regards,  

C-Themes

Ioannis Sampsonidis
4 years ago

Thank you but it is still not working at least not on my smartphone.

Kelly R Support Agent
4 years ago

Please do like following.

Please add following custom css code.

@media (max-width: 767px) {

.hidden-phone{
  display: none !important;
}
}

And then please find following code in /wp-content/themes/Travelo/js/theme-scripts.js file.

var chaser = tjq('#main-menu ul.menu').clone().hide().appendTo(document.body).wrap("<div class='chaser hidden-mobile'><div class='container'></div></div>");

Replace with following code.

var chaser = tjq('#main-menu ul.menu').clone().hide().appendTo(document.body).wrap("<div class='chaser hidden-phone'><div class='container'></div></div>");

And then try again.

Regards, C-Themes

Ioannis Sampsonidis
4 years ago

I have added the CSS, nothing changed on the sticky menu on my smartphone (don't have a tablet so I don't know  about tablet, but I think nothing changed there too as per the preview on your theme, see screenshot)

Ioannis Sampsonidis
4 years ago

I am sorry for previous comment on screenshot_25. Please ignore it. It is OK to send me a CSS code to make menu sticky for all views, both horizontal and vertical, both on smartphones and tablets.

Thank you !

Ioannis Sampsonidis
4 years ago

Thanks but I see a slightly different theme menu

Kelly R Support Agent
4 years ago

Hi,

Please add following css code in theme options panel.

@media (max-width: 991px) {
    .chaser.hidden-mobile {
        display: block !important;
    }
}
@media (max-width: 767px) {
    .chaser.hidden-mobile {
        display: none !important;
    }
}

Please check http://prntscr.com/orgvoo

Regards, C-Themes

Ioannis Sampsonidis
4 years ago

Can I control sticky menu on tablets? I would like sticky menu to remain sticky in tablets too, not only in laptops