Need help with removing space at top of page

Helo @hay89,

I think you are using “Beaver Builder” plugin which makes some space by header section. I think your custom responsive code is not working because responsive file of parent theme is loaded at last in hierarchy.

If you maintain that hierarchy and mention media query on responsive code then your custom design will work.

Thanks

Hi mystery themes. Thank you. I am very new to website building so are you able to let me know how I change the hierarchy coding please? best wishes. Hayley

Hello Hayley,

I think in your website all custom css are placed on inline style by using following link.

https://developer.www.ads-software.com/reference/functions/wp_add_inline_style/

This is better way to solve your problem.

Thanks,

Thank you for your help. I solved the issue with the child theme not working. As I had the below information wrong, which I have now updated to (for anyone else experiencing same problem).

/*
Theme Name: editorial-child
Theme URI: https://mysterythemes.com/wp-themes/editorial/
Description: Editorial child
Author: Hayley
Author URI: https://mysterythemes.com/
Template: editorial
Version: 1.0
License: GNU General Public License v3 or later
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: news, grid-layout, custom-colors, one-column, two-columns, three-columns, left-sidebar, right-sidebar, featured-images, footer-widgets, full-width-template, theme-options, translation-ready
Text Domain: editorial
*/

I have now been able to remove the space at the top of the pages Football, Lifestyle & Gamers Paradise, but I can not do this on the home page?? Can anyone guide me on this please.

Hi @hay89

Please add the following code in style.css of child theme or use custom css feature of jetpack plugin:

.home #content {
  margin-top: 70px;
}

Thanks ?? !