How do you add Header and body content together?

[jhayles]

Hi! I created a Header separately from body content. Now I want to put the two pieces together to make the website. Can you tell me how I do that?

[ThisWebDesign]

Hi @jhayles

Once you have created the custom header, you want to make sure that your WordPress page template is set to show a header and that your header is active for that page or globally on the website.

To check the pages template via the Pro Editor, go to the body content (page) that you want to show the header. Then in the bottom left hit the cog icon to show settings. On here you will find a “Page Template” section and make sure the one you are using is selected to show a header.

Now on your Pro Editor for headers, in this list of headers that you have created, click once onto the header you’d like to display. Now on the right it will tell you which page you want to show that, or if you want them on all of the pages - click the “Global” option.

Hope this helps!

[tristup]

Hi Thomas,

Thanks for your reply and detailed explanation.

Hi @jhayles

You can also find the detailed documentation on how to assign the Header and Footer to the pages, here: https://theme.co/docs/header-footer-overview#how-to-assign-the-header-footer

Hope it helps.
Thanks

[jhayles]

Thank you both! Got it. One more thing…do you know how I can put a thin, white border around my button on the front page?

[ThisWebDesign]

No worries at all!

Certainly, if you are using a button element. Scroll down to the border options.

Here is what the docs say about it:

Button | Themeco Docs

Hope that helps

[jhayles]

Thanks! There’s two more things:

1. When I go to the site is says “not secure” in the browser. It’s supposed to be a secured https, right?

2. On mobile, the search icon is disappearing. I have that logo in the header set “to scale” because that seems to be the best setting for mobile. Any idea how to fix the search icon disappearing on mobile?

[prakash_s]

Hello, @jhayles,

1. Yes, You see this message in your browser because of HTTP since unsecured websites display the “Not Secure” warning which appears on all pages using the HTTP protocol because it is incapable of providing a secure connection. Historically, this had been the primary protocol used for internet communication. https://xneelo.co.za/help-centre/website/fix-not-secure-website-warning/

2. I checked your website it seems that your search icon is showing in the mobile it might be cache issue at your end I would suggest you clear your browser cache and then check it again.
   

   

Thanks

[jhayles]

Thank you.

In regards to the “not secure” message, I don’t understand. Theme Co offers a “secured” HTTPS connection for your site. Look at the screenshot I attached. Why is it saying “Not Secure”?
When you visit Theme Co’s site, for example, it has the secured “lock” in the browser.

[marc_a]

Hi @jhayles,

In order to install the SSL, you need to contact us hosting providers and nowadays SSL is already free to all hosting providers.

Hope that helps.

Thank you.

[jhayles]

I’m hosting with Theme Co…are you saying I need to contact them?

[rubin]

Hey There,

Pro Hosted support is normally provided via email not the forum. To answer your question:

When you want to force SSL there are two things to do. First you need to go into the Settings > General section of your WordPress installation and make sure that https:// is reflected in the URL. The second step is to run a search and replace with a plugin or mysql query to get rid of any non https links so your site is fully secure. Alternatively you can use one of the many free force SSL plugins that are available.

Hope that helps.

[jhayles]

Rubin, I changed it to https inside my WP account but it’s still not showing secure. Look at the screenshot. I cleared my Cache and the search icon on mobile is still getting cut off too…

[ruenel]

Hello @jhayles,

The secure icon is still not showing because there is still mixed content present on the page. Changing the HTTPS in your WP Settings > General will not solve the issue since all those entries were in the post or page contents. What you can do to resolve this issue is to go to Plugins > Add New section and install the “Better Search and Replace” plugin. You will have to search for the http images and replace them with https.

Kindly see the secure note below for more details.

[jhayles]

I’m so confused about this. Why do I need a plugin for an SSL certificate? ThemeCo told me that my package included a secure, SSL website. When I paid for an SSL certificate with Godaddy prior to ThemeCo I didn’t have to do any plugin…

[ruenel]

Hello @jhayles,

Even if you already have an SSL, there are entries in your post contents long before you acquired the SSL that has been added in the post contents using http only. For example, when you insert an image using the “Insert Media” button of WordPress, it generates an image html code <img class="some class name" src="http://example.com/filename.jpg" alt="alternative text">. Now, this has been saved in your database. Even if you added an SSL, those entries in your database do not change automatically. You will have to manually update them which is why you need the Better Search and Replace plugin to do the updates of those entries. You can always remove the plugin once you have resolved the Mixed Content issue. The Mixed Content issue usually results from inserting http images on the page content while loading the page via https.

Hope this makes sense.

[jhayles]

Thank you for the help. I’ve done the steps you recommended, but it’s still not showing as secure…

[ruenel]

Hello @jhayles,

I have checked your site and it is showing the secure icon already.

See the secure note.

Kindly use a different browser or the private browsing mode and test your site again.

[jhayles]

I see it now too. Thank you for your help.

[marc_a]

Hi @jhayles,

You’re welcome and it’s our pleasure to help you. If you have any other concerns, feel free to reach us.

Thank you.