Hi!
I wonder if this is possible to use exactly the same header elements both for desktop and mobile, so that I do not need to declare them separately for header and desktop?
Currently when I open header editor and select “mobile” — the desktop elements disappear. However I would like to use the same dynamic element on both mobile and desktop (that can be mounted to the site only once). Is that possible?
Thanks! 🙂
I am having the same issue
Hi,
Normal you can use the responsive version of theme for mobile, but there are demos, that do not have a sticky menu, also the mobile version is a little different -> https://i.imgur.com/DzbR6n1.jpg -> https://i.imgur.com/AxF4bcZ.png
If this is not what you mean, please let me know!
Thank you!
Hi! Thanks for very quick response! 🙂 Unfortunately that’s not what I meant:
What I mean is to include the same “Raw HTML” element that displays on both mobile and desktop.
I use it to mount a vue app, so in head script I have:
<script>
window.onload=() => new Vue(...).$mount("#scrollpicker-target")
</script>
But unfortunately newspaper creates two elements with the same Id:
<div id="scrollpicker-target">Mobile</div>
<div id="scrollpicker-target">Desktop</div>
I’d like to be able to define the div only once for all screen sizes
Hi jblew,
Indeed our theme makes two header from start, one is for mobile version and the other one fore the rest of devices -> https://i.imgur.com/eAAHdIG.png . Unfortunately there is no option to disable the mobile header, but if is a cloud header, then you can edit it using tagDiv Composer. Unfortunately there is no option to remove one of them and use the other one for all devices, sorry!
Also if you need to set some code in the head of theme files, you can do this here -> https://i.imgur.com/BAqO1yI.png
Also in this update was added a new option that allow you to create mobile pages -> https://tagdiv.com/newspaper-10-3-7-update-brings-customizable-and-fast-mobile-pages/ maybe this can help you!
Thank you for your understanding!
