plugin with Relativity theme not displaying correctly on 1 page

It looks like you’re extending Relativity with a child-theme, and your child-theme is missing some markup. You’re missing <div class="primary-menu-container"></div>, which wraps the navigation in the Relativity theme. You’re also missing <div id="content" class="site-content"></div> that wraps the main content area directly below the <header> tag.

Finally, in your child-theme, try adding the following code-block to your style.css file:

.entry-header {
	text-align: center;
	padding: 20px;
	margin-bottom: 15px;
	margin-top: 50px;
}

Technically, all you should need is margin-top: 50px — this basically corrects the issue with the comic’s title floating under the navigation. If you had a reason for removing the wrapper tags that I noted above, then you can try margin-top: 75px;.

Please let me know if this helps. Cheers!

Hi Jess, thanks for your prompt reply, appreciate it.

I have tried adding the

.entry-header {
text-align: center;
padding: 20px;
margin-bottom: 15px;
margin-top: 75px;
}

in my child theme but it didn’t make any difference to the pages chosen from the ‘Previous Comics’ page.

Where would I add the Div statements? I hadn’t removed the wrapper tags purposefully.

(I should mention, I created the child theme after I had posted the initial request. I thought it might have solved it).

Russ

Hi Jess,

your fix worked! I had a cashed browser!!!
Thanks for your help, I really appreciate. We should have the webcomic up and running in a few weeks time.

Great plugin, I will promote it wherever I go.

Once again, thank you.

Russ