Title being blocked by elementor header

• 

  msrwalsh · Member · Feb 2, 2021 at 6:48 pm

  • Copy link
  • Add topic to favorites

  Hi,

  I need help. This website I am working on uses Elementor Pro for all pages but the events page and any post pages. The issue I am having is that pages without Elementor don’t have any padding on them and I can’t figure out how to add that. So if you were to click on a blog post the top of that page is hidden behind the Elementor header.

  https://www.summerfolk.org/NewSite/2020/09/announcing-the-business-of-music-essentials-workshop-series/

  I have tried adding Body {padding-top; 70px} to the theme custom CSS but it also pushed down the Elementor header.

  Can anyone recommend how I can add custom body padding to the WordPress site? It seems odd to me that this isn’t a feature I can do without code.

  The blog I need help with is: (visible only to logged in users)

• 

  msrwalsh · Member · Feb 2, 2021 at 6:49 pm

  • Copy link

  Ignore the bottom statement saying I need help with the Pizzamiabc.wordpree.com site

• 

  shubhamgmath · Member · Feb 2, 2021 at 6:58 pm

  • Copy link

  Hi msrwalsh

  Try adding the code given below:

  header.page-header {
      margin-top: 120px;
  }

  Also, Your site is using WordPress.org platform.
  https://www.whois.com/whois/summerfolk.org

  This forum is not the right place to get help related to Org sites. The main role of this forum is the help the users with the issues related to the .com sites.

  You can also post your question in WordPress.org forum to get help on your issue. Here is the link for same:
  https://wordpress.org/support/forums/

  WordPress.org and WordPress.com are two different platforms. For more information on both the platform please refer to the link below: https://wordpress.com/com-vs-org/

  Hope this helps

• 

  msrwalsh · Member · Feb 2, 2021 at 7:06 pm

  • Copy link

  Thank you. That did work. It does show on all pages now. Do you think if i went in and hid the page title on elementor pages that I could find a happy medium where I only see the page titles on the posts?

  https://www.summerfolk.org/NewSite/tickets/

• 

  shubhamgmath · Member · Feb 2, 2021 at 7:20 pm

  • Copy link

  Hi msrwalsh

  To know more about how to hide page title on the page created by Elementor plugin. Please refer to the link given below
  https://elementor.com/help/how-to-hide-page-titles-in-wordpress/

• 

  msrwalsh · Member · Feb 2, 2021 at 7:21 pm

  • Copy link

  So I have now experimented and hid the page title and changed the top margin to 100xp. this looks good on desktop but It is hiding content on tablet and mobile. Do I need to do different CSS for those?

  https://www.summerfolk.org/NewSite/history/?preview_id=21066&preview_nonce=59fb30edcf&preview=true

• 

  msrwalsh · Member · Feb 2, 2021 at 7:31 pm

  • Copy link

  is there a way to only add this custom padding to just posts?