Enable top bar on mobile

Posted in: Newspaper
Post count: 39

Hello,
I enabled the Top bar menu and it’s showing well on website when i using a desktop PC. But when i switching on mobile, the top bar disappears. Can you tell me how can i keep the top bar on website when mobile terminal is used ?

Regards

Post count: 35449

Hi,

In order to show the top bar menu on mobile terminal please add this custom css in Newspaper>Theme panel>Custom code > Custom css

@media (max-width: 767px){
.td-header-top-menu-full {
display: block;
}
}

https://www.screencast.com/t/93rdYiiLJb

Thank you.

Post count: 39

Thanks you but i’ve tried with this css code but it does not work on mobile device.

Regards

Post count: 35449

Hi,

Set the code and provide your website url, for a closer inspection.

Thanks.

Post count: 39

Ok, my current version of my website is in development environnement, when i’ll pull it in production i will give you access

Post count: 35449

Ok, I’ll wait for you.

  • This reply was modified 7 years by Calin.
Post count: 39

Hello i’ve posted a test version here : http://dev1.lecoindunet.com/

Post count: 35449

Hi,

Please give me the permission to access your website https://www.screencast.com/t/8hp0vOpQ

Thanks.

Post count: 39

Sorry i remove it yesterday it’s ok now

Post count: 35449

Hi,

Please replace the above css with this one:

@media (max-width: 767px){
.td-header-top-menu-full, .td-header-sp-top-menu {
display: block!Important;
}
}

Se results: https://www.screencast.com/t/ULs1sH71CHQ7

Thank you.

Post count: 39

Thank you it’s working nice 🙂 Any solution to keep right alignement ?

Post count: 35449

Hope this will help you

@media (max-width: 767px){
.td-header-sp-top-menu{
text-align: right;
}
}

Thanks.

Post count: 39

Perfect thank you

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