Request a quote
Last updated:

Take the Tour to Explore the New Website Header Manager

Home

BlogCloud LibrarytagDiv Composer

Headers are the first part of your website seen by a visitor. It’s vital because a header is where you add brand identity, good navigation and messages about a site’s core intent. Newspaper Theme 9.5 update comes with a new way to customize your header right on the front-end with the Header Manager. Design, customize and explore amazing new options to stand out from the crowd.

Meet the new Header Builder

With this new feature, you can now have different Headers for every page of your website. Each of them customizable right through our front-end page builder. Let’s take a look! Open the tagDiv Composer on any page of your website, or even an empty page, then click the new Website Manager button.

A dialogue window should pop up that lets you choose the Header Template for the page. If you’ve already imported header templates from the Cloud Library, you can choose them from the drop-down menu. Otherwise, press the Import Template button to explore our selection of already designed Headers.

Browse through the gallery and choose the one you like, then import it. The Website Manager window contains 4 customization zones: the main menu, sticky main menu, mobile menu, and sticky mobile menu. Clicking on each section lets you see how they look on your website.

The ins and outs of the Header Builder

The On and Off button for the sticky desktop and mobile menu, in the Website Manager, helps you see how the sticky menu behaves while scrolling down the page. You can turn it off and on again so that you can keep customizing the page or header. However, just by deactivating the stickiness, does not mean that the menu stops being sticky. This UX option lets you keep editing the header, and test the sticky behavior only when you decide you are ready.

If you don’t want the menu, either on desktop or mobile, to become sticky while the visitor is scrolling, you need to clear the row in the Header, so it does not contain any elements. You can do this easily by hovering over it and then right-clicking and choosing the command Clear. For more information on how the right-click menu works visit our blog post.

How to customize the Header Builder

Do you want to create a brand new Header? Then, with the Website Manager open on a page, click the Import Template button. From the tagDiv Cloud Library, choose the blank Template. Close the Website Manager window and go to the Add Element section. Scroll to Header Shortcodes, drag and drop any of the following elements: Header Main Menu, Header Logo, Header Live Search, Header Login, Header Weather, Header Date.

Arrange the elements in whichever order you so desire. For starters, add the Logo, live search and main menu to the row. Write your website’s name in the Logo Text section, pick an appropriate icon, and write a tagline. For more information on how to create your Logo, check out this blog post.

The Main Menu item can display any WordPress menu, so go to your admin Dashboard and create the perfect menu to go well with your Logo. However, keep the essential and important links there.

Live Search is an item that displays your users’ results in real time. Any search word, query, question, tags that they might be looking up, will be shown in that box. Customize it to display however many results you want.

Newspaper Theme header design: Customize the header manager

Mobile Menu through the Website Manager

With a blank template already imported, open the Website Manager again and select Mobile Menu to start the design process. Drag and drop elements that fit with your vision. Do you want to have a button that opens the navigational menu or still have the links available just like the desktop version? The Mobile Horizontal Menu lets you display all the links whereas the Mobile Menu gives you the button version.

Whichever option you choose, add the Logo to the header and don’t forget the Mobile Live Search item. Arrange them exactly as you want them to: display them inline by checking the box in General Settings for each or even have multiple rows for each element.

Don’t forget to save the settings and you’re done. You’ve got a Mobile Header now!

To Sticky or not to Sticky?

For the desktop and mobile version of your Header, you can choose to make a sticky variant of it. This appears when the reader scrolls through the page, this way they can still access important navigational items. As such, the sticky Header should be slim and give the visitor enough space to read through the page’s content.

As a plus, you can also decide how the sticky menu appears for the visitors. How do you do this? To customize the Header, click on either the Sticky Mobile Menu or Sticky Menu, the tagDiv Composer then opens the zone for it. In the Zone Specific Parameters at the bottom, you can choose the transition effect, the opacity for the sticky header, and also how fast or slow the transition can be.

To continue editing the content or the Header, you can disable the Sticky Menu from the Website Manager by clicking the On/ Off switch. Don’t worry it won’t delete your Sticky Menu. It’ll just hide it for you to be able to focus on the rest of your page while editing!

With a beautiful new Header, you should have a beautiful new Footer, too. Learn how to create a Footer from scratch with the Newspaper Theme by visiting this link.

Conclusions

Having seen the 4 zones of the Website Header Manager, you’re now ready to tackle making the Header for each by yourself! For more information, however, check out the other blog posts related to the Header: Logo, Mobile Elements, Live Search, Navigation Menu. Start small, with simple elements and ideas then think bold and grow your design through it.

Show us what you made with the new Website Header Manager and Newspaper Theme in the comment box below. We’d love to hear from you!

Subscribe For More!

If you want to be the first to find out more about our themes
please subscribe to our newsletter

Alex I.
Alex I.
In my role as an artist and designer, my objective is to create brilliance on a daily basis. During my off-hours, I enthusiastically pursue growth, whether it's through photography, drawing, rendering, or any other captivating endeavor that piques my interest.

Do you need any help with the Newspaper or Newsmag WordPress Themes? Please send us all the necessary details via email or create a new topic on our online forum. We're always happy to assist you.

105 COMMENTS

    • Hi Cristian,

      Thank you for commenting. Please remove the link to your blog from the WordPress Dashboard > Appearance > Menus. If you need any assistance with your theme, please open a new topic in the forum.tagdiv.com or send us an email at contact@tagdiv.com, as the Blog area is not assigned to the Customer Support Department. We’re ready to help! Thank you for understanding.

  2. Sir, I in my website I have used newspaper theme and I loved it. But the problem i am facing is when ever one opens a article to read it it comes 5 articles down by down… Show me how can I fix this? It’s effect comes on my earnings… So please tell me how to fix it ASAP…??

    • Hi Arya,

      Thank you for reaching out. I’m sorry to hear this! If you need any assistance with your theme, please let us know via forum.tagdiv.com or by email at contact@tagdiv.com, as the Blog area is not associated to the Customer Support Department. Thank you for understanding!

  3. Hi
    Thanks for the articel. I love your theme.
    I preloaded a demo and now I wanted to do a sticky header menu. But I can not find the “transition” thing you are writing about. Where is this?
    Thanks.
    Greetings
    Michelle

    • Hi Michelle,

      Thank you for your kind words, and for using our WordPress theme. If you want to create a sticky header menu, you have to open the Website Manager from the tagDiv Composer and enable the main menu sticky. When this option is set to be ON, you can preview all the settings in the tagDiv Composer list. The Transition Effect settings appear under the “Zone Specific Parameters” area. From this area you can make additional modifications, such as: none transition, slide down transition, or opacity. As the Blog area is not assigned to the Customer Support Department, please let us know via email at contact@tagdiv.com if you need any guidance to setting your sticky header. We’re looking forward to helping you. Thank you for understanding! Have a lovely day 🙂

  5. Newspaper theme is my one of the favorite theme. Is it possible to make two menus in a row using header builder? And if possible then how?

    • Anik, thank you for your kind words. Sure, it is possible to acquire the wanted functionality by dividing the row in two columns and adding a menu for each of the columns. If you need any technical help, please open a new topic in the forum or send us an email, as the Blog area is not assigned to the Customer Support Department. Thank you so much for your understanding! Have a lovely day ahead 🙂

  6. how to custimise header.php for mobile theme template i am able to custimize header.php only for newspaper desktop theme but how to custimise header.php for mobile plugin version .
    please help me.

    • Hi! Thank you for commenting. Can you please include these details into an email to contact@tagdiv.com? Our support team is ready to assist you in this regard. Unfortunately, the blog area is not assigned to the Customer Support Department. Thank you so much for your understanding! We’re looking forward to helping you. Have a lovely day ahead! Best Regards, Alina

  10. I am learning wordpress. I want to convert my static website to dynamic. Can you guide me to use the newspaper theme in my website?

    • Hello! Thank you for your interest. Sure, if you need any technical assistance after the theme installation, our support team is ready to help you. You can open a new topic on forum or send us an email. Please note that our Customer Support Center is not assigned to the Blog area. Thank you so much for your understanding! Have a lovely day 🙂

  11. I am using Newspaper X theme on my website + WPML. I tried to translate the fron page with all the way WPML gives (the duplicate method doesn’t even work – clicking on the “duplicate” button and nothing happens).

    When I try to open the Tagdiv composer on the translated page first the tagdiv composer shows a notice: “this page is not created with Tagdiv composer” and then it is just loading infinitely.

    • Hi! Thank you for choosing Newspaper theme to create your WordPress website. The easiest method is to translate the pages by following the WPML guide. If you need any technical assistance, please open a new topic on forum or send us an email, as the Blog area is not assigned to the Customer Support Center. We’re looking forward to helping you! Thank you so much for understanding.

    • Hi! Thank you for reaching out to us. Can you please send your inquiry via email or forum, so that our support team can help you? Unfortunately, the blog area is not assigned to the Customer Support Department. Thank you for understanding!

  13. In the mobile version, the header looking so elegant. The way you keep updating your theme, that’s why your theme is always on top when it comes to buy best blog & newspaper theme in ThemeForest.

  14. Hi, I am a tech blogger and write on tablets and gadgets. I nearly have 03 blogs at the moment. I want to switch to new theme. How easy it is to use this header ?
    Your guidance will be highly appreciated. Thanks.

    • Hi Kylie! Thank you for your interest. The Newspaper theme has flexible features and editing is done right on the frontend. The header manager is a great tool, as it gives you multiple possibilities to tweak your header section. If you have more pre-sale questions, please contact us via email. We look forward to guiding you <3 Thank you!

  15. Hi,
    I have a header template for each category, however when I go to theme panel to select the template I can only choose one template for the general header.
    How can I have a different header template for each category?
    Thanks

  18. In the mobile version, the header looking so elegant. The way you keep updating your theme, that’s why your theme is always on top when it comes to buy best blog & newspaper theme in ThemeForest.

    • Hi,

      Thank you for your kind thoughts and words! We are delighted to discover that our work it’s appreciated the way you do. We truly value your feedback!

      All the best!

  19. Just creating different header looks it’s not enough, you have to also provide different mobile menu opening animations but you have only one default menu animation. Please add new mobile menu opening animations to make different Website which stands out from competition. I’m customer of tagdiv please tell this query to your theme developers.

    • Thank you, Shubham for your kind words. We’ll definitely add your suggestion to our developers’ list. Thank you so much for choosing tagDiv Themes!

  24. Hi is there any option to change Post page stretch. For now Post page is 1068px. Can we stretch this like given option when we click on row it shows (stretch row with 1200px content) whatever we want. so is there any option to change width Post Page?

  25. I can set up my new thought from this post. It gives top to bottom data. A debt of gratitude is in order for this significant data for all,..

  27. Hey I am working on a site on which we are using newspaper theme, we have a header which is created by tagdiv but the problem is I am using already built in headers from cloud templates and mega menu header in the sticky is different than the one which is a normal mega menu when its not sticky, so we want to have a same mega menu on sticky as well, Is there a way I can use the same mega menu on sticky with importing/export or just one click or any other simple way?
    Looking forward to your response Thanks

    • Hello,

      Please note that you can configure the Header section from TD Composer in order to have the exact options with your old header template if you will use the Cloud. If you need more technical assistance, please open a new topic at our support forum from here -> https://forum.tagdiv.com/forum/newspaper/ and we are ready to help you.

      Best regards!

    • Hello,

      Thank you for your kind thoughts and words! We are delighted to discover that our work it’s appreciated the way you do. We truly value your feedback!

      Best regards!

    • Hello,

      Thank you for such great words! You have made our day 🙂 One of our main goals is to please every customer!

      Best regards!

  34. When i am placing adsense auto ads code into the header by visiting theme editor. Then ads are showing only on desktops not on mobile though the mobile theme is activated too. I think i have to put auto ads into the mobile theme header too but i am not finding any header for mobile theme version… where can i find it to place adsense auto ads. I have purchased newspaper 9 theme kast year.. can you assist me regarding this.. I will appreciate this. Much thanks in advance.

  39. Hi, How can customize the top 4 images header carousel? Is there any settings for selected posts should display on top header carousel.

    • Hi,

      If you want to change the big grid at the top of your website you will need to check the Block Settings from the composer and change the filter of this Big Grid. If you need more technical assistance, please open a new topic at our support forum from here -> https://forum.tagdiv.com/forum/newspaper/ Unfortunately, the blog is not assigned to the support team, so they can’t help you here. Please open a new topic on forum.tagdiv.com and provide all the details. Our support team is ready to assist you ASAP.

      Our working hours: Monday – Friday: 08:00AM – 05:00PM GMT+2

      Thank you for understanding!

      • Thanks for your reply. In block settings have last 7 days post sorting only. We need selected posts and Slider of that top 4 posts carousel. Is it possible make posts slider of top section.

        Thanks in advance,
        Priya.

        • Hi,

          Unfortunately, the blog is not assigned to our support forum, sorry! If you need more technical assistance, please open a new topic at our support forum from here -> and our team is ready to assist you.

          Thank you!

    • Hi,

      Thank you for reaching to us. The blog area is not assigned to the support team. For support, please open a new topic on forum.tagdiv.com and provide all the details. Our support team is ready to assist you ASAP.

      Thank you for understanding!

    • Hi,

      For a more accurate answer we will require some more details. Please create a new topic in the theme support forum, provide a link to the website, and mention what is it exactly you would like to remove. We will gladly help. Let us know.

      Thank you!

  44. Is it possible to have two menu rows?

    I want a main menu row for important things, then a smaller row under it for housekeeping items.

    I know there’s an upper menu on the standard headers, but I stopped using it because (a) users told me it was not that noticeable, and (b) it didn’t show at all on mobile.

    Thanks for your help!

    • Hi,

      Yes, it is possible if you are using the header manager which allows you to add two header main menu elements. Unfortunately, the blog is not assigned to the support team. For support, please open a new topic on forum.tagdiv.com / http://forum.tagdiv.com/forum/newspaper/ and provide all the details. Our expert team is ready to assist you ASAP.

      Thank you!

  45. One question about the sticky menu:
    I imported a header template but unable to change or remove the ‘logo text’ from its sticky menu. How can I do it?

  46. I am looking to basically add two headers to one of the pages. The first header would be the original one and the second one would come from this new update via the composer. However, when I try dragging and dropping a new menu into the page I get an error that says:
    Error at zones: 5(models) : 6(dom). The model does not match the content

    How could I have two headers on the same page the way I described above?

    • Hi,

      Please check the following useful tutorial from here -> https://forum.tagdiv.com/tagdiv-composer-not-working/ and ensure that you have completed all of these steps, clear all the caches, purge the CDN files and check the results. If you need more assistance in this case and also, if the error is still there, please send us an email at contact@tagdiv.com with your log-in information (wp-admin) so we can further investigate it closer your setup page. Also, you have to provide full CPanel access.

      Thank you!

    • Hi,

      1)Please check your theme configuration because that error might happen due to the following reasons from here -> https://forum.tagdiv.com/tagdiv-composer-not-working/ Also, ensure that you are using the latest version of the theme which is 9.7.2, clear all the caches, purge CDN files and check the results.
      2)Unfortunately, the theme does not have any such an option that allows you to migrate a template from your website to another website but what you can do is to simply install the Cloud Template Library to your beta site and import the template on that website.
      If you need more assistance in this case, please open a new topic at our support forum from here -> https://forum.tagdiv.com/forum/newspaper/

      Thank you!

  48. I installed these premioum theme on my site ,but i want to show less on phone as I show in pc.can you elaborate the whole things how can i do thatl.

    • Hi,

      Please be more specific about what kind of elements you want to hide for mobile mode. Also, if it helps you, notice that you can use the Mobile Theme plugin which has a special layout only for mobile mode. Please check the official documentation from here -> https://forum.tagdiv.com/the-mobile-theme/ Also, if you want to keep the same layout on mobile like on desktop but only if you want to hide only some elements on Mobile layout, you can use the following functionality from our TD Composer page builder to hide elements for mobile, from here -> https://www.screencast.com/t/2bvk9g1e4B8h If you need more assistance in this case, please open a new topic at our support forum from here -> https://forum.tagdiv.com/forum/newspaper/

      Hope this helps!

      Thank you!

  49. Hi, I tried this header manager in my website, that’s WORKS fine. But, I want same header in all my web pages including pages, posts and category archives. How can I do that?

  50. I Love Your Theme So Much I’m So Convinced I have To Move From Blogger To Wp… Please I’ll like to purchase The Classy Magazine Theme For My Fashion Blog, please how much is it and how can I buy it

    • Hi, Ben!

      Thank you for your interest in the Newspaper theme and for your awesome feedback. 🙂

      The Classy Magazine is not a stand-alone theme, it’s a demo design in the Newspaper Theme. To use it, first, you need to purchase the Newspaper Theme from themeforest.net and install it on your WordPress site. Here is a step-by-step guide to help you install the theme. The next step is to change your website design with the Classy Magazine demo. You can install the demo with or without content and start customizing your Fashion Blog. If you need assistance, our Customer Support Team is ready to give you a helping hand. All you have to do is to open a new topic on https://forum.tagdiv.com/forum/newspaper/ and provide all the relevant details.

      I hope you’ll enjoy using the Newspaper Theme on your blog!

Newer Comments »

LEAVE A REPLY

Please enter your comment!
Please enter your name here

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Check out our latest

Stories

Blog

2024 Black Friday eCommerce Checklist

Are you an eCommerce business owner gearing up for a successful 2024 Black Friday...
Blog

What is SEO – Strategies and Recommendations for Beginners

What is SEO? SEO, or Search Engine Optimization, refers to a series of processes to...