Sticky bottom header / bar for Mobile

Posted in: Newspaper
Post count: 7

We want a sticky header on mobile that appears at the bottom of the screen mobile phones only Front page on mobile of News24.com. the bottom bar/header is sticky, and shows the home button, search, etc. How can we do this?(as per the this website URL as attached – but on mobile). It shows in Tagdiv editing mode, but not when viewing the website front-end. If there is a specific way to implement this or example template, please assist.

I have a screenshot of what we want, but can’t seem to a attach it.

Post count: 21065

Hello!

Please follow the video to see where you can find and build your sticky header on mobile and desktop too: https://www.screencast.com/t/l6v2Belt
You can customize what you need in the TagDiv Composer if you use the cloud templates.
Please check our tutorial here: https://forum.tagdiv.com/tagdiv-composer-tutorial/
More documentation about the cloud templates is here:
https://forum.tagdiv.com/cloud-library-templates/
https://forum.tagdiv.com/design-post-pages-using-cloud-library-templates/
https://forum.tagdiv.com/cloud-library-category-templates/

Actually, we have 3 options for mobile versions that you can use:

1. Responsive version: A responsive version of your website looks similar to the desktop version. TagDiv Composer is used to edit the page.Click on the mobile viewport: https://www.screencast.com/t/XDQJedlggSB. There, you can see your mobile version and edit or adjust the elements to look better.

2. Mobile pages: https://tagdiv.com/newspaper-10-3-7-update-brings-customizable-and-fast-mobile-pages

3. Mobile theme plugin: The Mobile Theme is a performance-optimized theme included in the main Newspaper theme that only loads on mobile devices. It comes with its own templates and designs for pages, posts, categories, etc., so your current templates from the desktop theme will get converted to the mobile theme layout. Please see https://forum.tagdiv.com/the-mobile-theme/ and https://forum.tagdiv.com/mobile-theme-introduction/ for more information.

A full explanation is here: https://www.youtube.com/watch?v=SpGkOnJeNZY

If you need to use the mobile version 1 or 2, then you need to uninstall the Mobile Theme plugin and AMP.

A solution for sending a screenshot/video is this:
Download, capture, and send: https://www.techsmith.com/jing-tool.html
After making the screenshot, you will have a link; paste it here.

Thank you!

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