- NewspapertagDiv Composer – Website Manager
- NewspaperHeader Builder
- NewspaperHeader styles
- NewspaperHow to Add a Logo in Newspaper
- NewspaperWhen tagDiv Composer is Not Working
- NewspaperFont Customization
- NewspaperFooter Builder
- NewspaperMain Menu
- NewspaperTop bar templates
Hello !
For this it is recommended to use a Cloud Library header in order to have full access in editing your menu and raising the limit as you can see here: https://www.screencast.com/t/cORqyewztd7 ; https://forum.tagdiv.com/header-manager/
Thank you !
Hello,
You can set the main menu to be a sticky menu from Theme Panel-> Header -> Main Menu => https://www.screencast.com/t/ShRFfKhm81,
or if you have a Pro Prebuilt Website you can set with tagDiv Composer in Manager, you can enable the sticky menu on desktop and mobile = > https://www.screencast.com/t/YTp5YZqel.
Hope this helps you!
Thank you!
You may activate the mobile at:
[theme panel] > [mobile theme] > [mobile settings]
> USE MOBILE THEME FOR > select “AMP” > save settings
(just to make sure you have activate toolbar at frontend)
then, go to [wordpress menu bar] > users > select and edit your user
at the “Toolbar” > make sure you select “Show Toolbar when viewing site”
at the “AMP Developer Tools” > make sure to enable “Enable AMP developer tools to surface validation errors when editing posts and viewing the site”
you may start editing the mobile page.
in this newspaper theme, editing the main page for desktop pc and mobile are 2 different designs
A quick review on creating the mobile. 2 ways to create mobile page:
==============
1st way:
==============
[wordpress admin menu bar] > [pages] > find your page (the home page) and select [edit with TD composer]
in short, edit the page with “TD composer”.
now you hav enter the TD composer editor, at the left panel where you can see “Welcome to tagDiv Composer”, at the top, you should be able to see either [create mobile page] or [edit mobile page].
there, you go, click on that button, you’ll start creating mobile version of the page.
==============
2nd way:
==============
while you have already log in, go to the page (in this case, the home page), at the top center toolbar, at the green button [edit with TagDiv composer], at right side, you will see the option to create or select the mobile page version.
for more information on this guide, you may refer to this tutorial guide:
https://tagdiv.com/newspaper-10-3-7-update-brings-customizable-and-fast-mobile-pages/
================================
Editing the header & footer
================================
You need to first import the template from the desktop page. Then only you can edit the header/footer (for mobile version).
The steps:
While you are editing the mobile page in tagDiv composer, click the [Manager] or [Website Manager]
then…
[header] > [convert template] > select the template header that is used by the normal page (desktop page)
then…
[footer] > [convert template] > select the template footer that is used by the normal page (footer page)
Then, the header, menu sidebar and footer are all unlocked for editing.
To edit the background image of sidebar menu:
> go to [theme panel] > background > mobile menu/search background > background image
By default, right after you created the mobile page (fresh new creation), the header/footer is not editable in tagDiv composer. You need to first import the template from the desktop page. Then only you can edit the header/footer (for mobile version).
The steps:
While you are editing the mobile page in tagDiv composer, click the [Manager] or [Website Manager]
then…
[header] > [convert template] > select the template header that is used by the normal page (desktop page)
then…
[footer] > [convert template] > select the template footer that is used by the normal page (footer page)
Then, the header, menu sidebar and footer are all unlocked for editing.
To edit the background image of sidebar menu:
> go to [theme panel] > background > mobile menu/search background > background image
Here is the workaround:
By default, right after you created the mobile page (fresh new creation), the header and sidebar menu is not editable in tagDiv composer. You need to first import the template from the desktop page. Then only you can edit the footer (for mobile version).
The steps:
While you are editing the mobile page in tagDiv composer, click the [Manager] or [Website Manager]
then…
[header] > [convert template] > select the template header that is used by the normal page (desktop page)
Then, the header and menu sidebar will be unlocked for editing.
Hope this helps.
I have found the solution, the workaround:
By default, right after you created the mobile page (fresh new creation), the footer is not editable in tagDiv composer. You need to first import the template from the desktop page. Then only you can edit the footer (for mobile version).
The steps:
While you are editing the mobile page in tagDiv composer, click the [Manager] or [Website Manager]
then…
[header] > [convert template] > select the template header that is used by the normal page (desktop page)
then…
[footer] > [convert template] > select the template footer that is used by the normal page (footer page)
Then, the header, menu sidebar and footer are all unlocked for editing.
Hope this helps someone who is needed.
Here is the add-on info about editing the mobile page footer.
I have found the solution, the workaround:
By default, right after you created the mobile page (fresh new creation), the footer is not editable in tagDiv composer. You need to first import the template from the desktop page. Then only you can edit the footer (for mobile version).
The steps:
While you are editing the mobile page in tagDiv composer, click the [Manager] or [Website Manager]
then…
[header] > [convert template] > select the template header that is used by the normal page (desktop page)
then…
[footer] > [convert template] > select the template footer that is used by the normal page (footer page)
This will unlock all 3 areas (the header, menu sidebar and footer) for editing.
Hope this helps.
Ok, I have found the solution, the workaround:
By default, right after you created the mobile page (fresh new creation), the footer is not editable in tagDiv composer. You need to first import the template from the desktop page. Then only you can edit the footer (for mobile version).
The steps:
While you are editing the mobile page in tagDiv composer, click the [Manager] or [Website Manager]
then…
[header] > [convert template] > select the template header that is used by the normal page (desktop page)
then…
[footer] > [convert template] > select the template footer that is used by the normal page (footer page)
Then, the header, menu sidebar and footer are all unlocked for editing.
Hope this helps someone who is needed.
Hello!
You can set sticky header from Manager like in this video: https://www.screencast.com/t/78ktQrPX
Hope that helps you!
Thank you!
Hello,
The element of the coronavirus theme are tagDiv Composer elements => https://www.screencast.com/t/iUPDjrGi70, and can be add on any Prebuilt Website. Also you can import the Header Template from Cloud Library => https://www.screencast.com/t/a5zArsm5Xs
Hope that helps you!
Thank you!
Hi,
Indeed is look that this problem is only on homepage, is possible to have set an individual header and not the global one.
Also make sure that you do not have a plugin conflict to have problems with tagdiv Composer, please deactivate ALL plugins except tagDiv plugins (theme plugins), also if you are using child theme or cache plugin, deactivate them, clear all cache and try again.
If the problem still persists, please send us an email at contact@tagdiv.com and include wp-admin, cPanel and the link of this thread. I will investigate the problem.
Thank you!
Hi sanjeewa311, if you are using a standard header https://i.imgur.com/8p8Rahd.png the add header can be change from theme panel -> https://i.imgur.com/RVV3L2C.png -> https://forum.tagdiv.com/header-ads-adsense/
If is a pro demo (with a could header), you need to edit it with tagDiv Composer -> https://i.imgur.com/cPIWB7L.jpg -> select the ad box element and check the tabs -> https://i.imgur.com/cGtVj2a.jpg -> https://forum.tagdiv.com/custom-ad-spots/
Hope this will help you!
Hi Che@1985, this can be achieve only if you are using the responsive with a cloud header version or mobile page. Those can be edited using tagDiv Composer and add in mobile view port the mobile menu, like this -> https://i.imgur.com/UqjJ6T6.jpg -> https://i.imgur.com/RaJsCLC.png -> https://i.imgur.com/nhHIC0b.png -> https://i.imgur.com/naRVzis.png
Hope this will help you!
Thank you!
Hello!
A demo theme you should be able to edit with TagDiv Composer or set from Website manager which header or footer you need right there. Read more about TagDiv Composer here: https://forum.tagdiv.com/tagdiv-composer-tutorial/
If you created the mobile pages with TagDiv Composer, then when you install Mobile Theme plugin, your pages will be overwritten by the plugin.
The Mobile Theme is a performance optimized theme included in the Newspaper main theme and it loads only for mobile devices. It comes with it’s own templates for page, post, category, etc so your current templates from the desktop theme will get converted to the mobile theme layout. For more details, please take a look here: https://forum.tagdiv.com/the-mobile-theme/
Thank you!
Hi hammersurf, I think that you want to set this in header of website, you can do this using a cloud header and tagDiv Composer, set a row and then set the row as a banner (set a background image on it ) -> https://i.imgur.com/3x3csuz.jpg then in first column set a slider -> https://i.imgur.com/tcKMjZG.jpg adjust the slide layout -> https://i.imgur.com/WoKOEex.jpg
Hope this will help you!
Hi wbr, if you are using a standard header https://i.imgur.com/8p8Rahd.png the add header can be change from theme panel -> https://i.imgur.com/RVV3L2C.png -> https://forum.tagdiv.com/header-ads-adsense/
If is a pro demo (with a could header), you need to edit it with tagDiv Composer -> https://i.imgur.com/cPIWB7L.jpg -> select the ad box element and check the tabs -> https://i.imgur.com/cGtVj2a.jpg -> https://forum.tagdiv.com/custom-ad-spots/
Hope this will help you!
Hello !
You can simply use a cloud header template that can be applied using the header manager and you can change the H using tagDiv composer: https://forum.tagdiv.com/header-manager/
Thank you !
Hello!
It seems you use mobile pages and you need to create a new header and footer template and you can introduce them by accessing Website Manager like here: https://www.screencast.com/t/QCWzdv0zT3ue
Also you can create a footer menu for your page like this: https://www.screencast.com/t/venQFKe0
Hope that helps you!
Thank you!
Hi Kaino, we have some new teammates (Bettina) and she answer to all simple questions, the rest of them are handle in chronological order by me and Vlad S.
Thank you for your understanding!
I think that you are using the cloud header template 3 (cloud header) if is so then you can edit it with tagDiv Composer. Also make sure that this is set as general in theme panel- > https://i.imgur.com/VlKPkdf.png then for all pages and templates that do not have an individual header it will be display that one.
If there is still a problem, please provide a link to your website and some screenshots with the settings that you made in tagDiv Composer.
Thank you!
Hello!
I checked your website page and I can see different footer and header. Please check every mobile page in Website Manager if there is assigned footer and header which you want for that page like this: https://www.screencast.com/t/VV23JSZsan
The pictures seems to be centered, and also you can edit them to set the right picture where you need with TagDiv Composer.
Hope that helps you!
Thank you!
Hi,
Yes, you can do that if you are using a cloud header from tagDiv Cloud Library -> https://i.imgur.com/kMfgAOv.jpg -> https://i.imgur.com/bq0c4C9.png
Hope this will help you!
Hi,
You can achieve this if you are using a cloud templates. For example you can set a cloud header as individual on category cloud template from tagDiv Cloud library -> https://i.imgur.com/G4YnfT7.png -> https://i.imgur.com/p8dtees.jpg -> set an individual header -> https://i.imgur.com/NOpScB9.png after that set the category template on the category -> https://i.imgur.com/jR1MDOy.png
Also you can duplicate de cloud templates -> https://i.imgur.com/XOIl0Np.png and using tagDiv Composer change only the cloud header.
Thank you!
Hi! Updated to 10.3.9 today. Dev and test site (https://test-tcu-360-on-wp.pantheonsite.io/) looks great. Pushed to live and the headers have blown up on the live site: https://www.tcu360.com/
Oh, god, please help.
Ah: And neither Cloud nor Manager work in Edit with TagDiv. I _think_ it might be that I need to download “Header Template 10” again.
I have solved this issue with selecting a other header in the cloud manager.
Header:
Although I have opened Website Manager and set Mobile Menu Sticky as enabled, and saved, when I open the website on an actual mobile device and scroll down, the sticky header does not appear. Inside the TDC environment, when previewing the website on a mobile device, the sticky header is there and functions as set and expected.
Footer:
I open TDC and select the footer row. Then, right between the settings tabs and the search box, I click on the mobile icon to edit those settings. The styles and settings which are displayed in the TDC preview window do not represent the ones applied in reality. Yes, I’ve saved the changes, cleared the cache, minified JS and CSS versions, and even browsed the page from a new and single incognito session from an actual mobile device, and in chrome’s and firefox’s dev tools. For once, the background color is different (light blue in TDC vs Black in reality), and then the structure of the footer is different also.
In website manager, under the footer section, I only see two options; Global Template and/or No Footer. Currently applied I have the Footer Template – Default PRO.
Then in cloud templates I open the Footer Template – Default PRO to edit it, but “Edit with Tag Div Composer” button is not available. In the textarea I can only see gibberish, which I know is not gibberish really, but a nightmare to work with at the least.
Lastly, in the admin pages, under Newspaper > Theme panel > Footer, I see no other option other than the CLOUD LIBRARY TEMPLATE section, but the Footer Settings or any other section besides the CLOUD LIBRARY TEMPLATE, as described here ( https://forum.tagdiv.com/footer-templates/ ), are nowhere to be seen.
The theme version is 10.3.7
Please advise as you see appropriate.
