Debugging Youzify & Newspaper Theme for WP Header Conflict
A fast solution to debug/fix your header conflict
This post is created because the options provided to our team by both the Youzify developers and the Newspaper theme developers did not work on our site. In an effort to find out the exact areas creating the header conflict, we ran into a swift solution that both coders and non-coders can use to potentially fix their header conflict.
In the image below, you will notice the recommendations provided to me by the Youzify development team. While we greatly appreciated their assistance, it did not however, fix the problem on our end. We will add an image of this for you in case this method works for your website.
Please take the time to give it a shot, if it doesn’t work for your theme, then follow on through the rest of this article and in 10 minutes or less, you should be good to go.
Below, we are going to continue with the method we used to fix our header. We are going to simplify this so that new WordPress users can find it easy to follow. However, for most of you, you’ll be able to run through this in a heart beat.
First, you need to log in your dashboard and hover over the Newspaper tab on the left hand side as shown in the image we have provided to the right hand side of this section. If you’re on a mobile device, the image may be below.
You’ll notice that upon hovering over the tab, a dropdown menu appears with the 2nd to last option being “Theme Panel”. Select this option and confirm that you are on the header tab or the theme panel. You will see this in the left hand side as shown on the image below.
You’ll notice the dropdown arrow on the right hand side on the image above. This option automatically sets your header to a default pro template when you enter the page so you should see the words “Header Template – Default PRO“. You are going to select that arrow and change this option to “– No Template –“.
At this point you will see a dropdown option open up labeled “Header Style“, where you’ll also see between 12 to 15 different header options. We’ve added an image of this below. From here, you can select the way you want your header to look.
We will go through a little more but in general, by the time you save this option you should no longer have the header CSS error. The error we ran into, seemed to have a conflict with the default pro functions in the Newspaper theme. If this is your same problem, you can use this to easily fix it.
The following information is for those that encounter an issue with their primary navigational menu across the site. When the theme is changed away from the default pro template, the menu may revert back to the WordPress primary menu. If this area hasn’t been changed in the past, the original theme data will display. You will need to visit your menu page and change the default menu to a new menu that you create for your website.
Since this article is not focusing on this menu portion, we will leave this for another article in the near future. Here’s a Youtube Video you can watch and follow on how to add a new menu and menu items.
If you’re looking to beef up your header with a few more functions, you can choose to add your search position on a top header and add a few more sweet functions like the time and weather.
Once the top bar option is selected, a top bar display box will allow you to enable a plethora of options. We recommend taking advantage of a few of these like the social profile icons, the date and time and the weather.
If you have any questions or would like us to expand on this subject, feel free to leave a comment. We will soon be implementing a robust user system to this platform.
April 27, 2021
March 31, 2021