Site logo

[Resolved] Not sure how to add space between the blog content and the header

Home Forums Support [Resolved] Not sure how to add space between the blog content and the header

Home Forums Support Not sure how to add space between the blog content and the header

Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • #2068426
    Khuyen

    I have two issues. I appreciate any help debugging them.

    On this page, I have issues adding spaces between the blog content and the header. I think I might have accidentally deleted and element or something essential to have caused this:
    https://burgerphones.com/blog/

    On this page, it seems to show the title of the page but its in a corner pushing the content down:
    https://burgerphones.com/about/

    Another issue I have is I can’t figure out why I can’t seem to change the text color of the buttons.

    Thanks!

    #2068606
    David
    Staff
    Customer Support

    Hi there,

    the site uses a Header Element tilted Header Merge found in Dashboard > Appearance > Elements ( or you can see a shortcut to it in the Admin Bar > Elements when viewing a page it is applied to ).

    It looks as though you only require the Merged Header on your posts.
    Edit the Element, go to Display Rules, and change the Location to Posts > All Posts

    If there are other specific pages you also require the Merged Header you can add additional Locations.

    #2069499
    Khuyen

    Thanks so much! I followed your instructions and it seemed to work but it didn’t apply to the “about” page and the colors inconsistently change for some reason:
    https://burgerphones.com/blog/
    https://burgerphones.com/about/

    #2069503
    Elvin
    Staff
    Customer Support

    Hi there,

    Colors can differ if you have the Navigation Colors set on the Header element – https://share.getcloudapp.com/KouYQDjQ

    Navigation colors set on Header Element will override the navigation colors set on the customizer for pages w/ Header Elements that are set to merge.

    You may have to check if both pages mentioned consistently have the same Header element.

    #2069553
    Khuyen
    #2069714
    David
    Staff
    Customer Support

    Did this get resolved ?

    #2070681
    Khuyen

    Hi! I’m still having issues with this page and the contact page: https://burgerphones.com/about/

    Despite applying merge-header to these pages, there still seems to be an error with the header.

    #2070687
    Elvin
    Staff
    Customer Support

    Can you specify how you want the header to appear on the /about page?

    If you want the /about page to have the same site header as the one on the /blog page, you’ll have to add /about page on the Header Element’s Display Rule exclusions.

    This way, the Header element doesn’t apply to the /about page as it’s the one changing the site header for this.

    #2072888
    Khuyen

    Hi Elvin,

    I’m fine with the way it looks, but there’s a text that says “ABOUT” very awkwardly on the left side of the page.

    #2072916
    Ying
    Staff
    Customer Support

    Hi there,

    If you want to hide the about content title, you can tick the content title box in the page editor > disable elements.

    For more info:
    https://docs.generatepress.com/article/disable-elements-overview/

    #2072920
    Khuyen

    Thanks so much for your help, Ying! An issue is now that the header-merger element doesn’t seem to work and the content runs up against navigation: https://burgerphones.com/about/

    #2072969
    Ying
    Staff
    Customer Support

    the content runs up against navigation

    This is how merge works exactly. The content merges with the header.

    Add this <!--comment--> to the header element content area, set a value for Offset Site Header Height field, in your case 170px should be good.
    https://www.screencast.com/t/26MPiuso3

    Let me know if this helps 🙂

    #2073858
    Khuyen

    Thanks Ying! That helped with the other two pages, but there’s a consequence with now the home page having a black bar at the top because of the new padding. Is there anyway to set an exception for the homepage?

    #2074006
    Khuyen

    Hi, I was able to solve this issue. Thank you so much for everyone’s help.

    #2074553
    Ying
    Staff
    Customer Support

    Great! Glad you figured it out 🙂

Viewing 15 posts - 1 through 15 (of 15 total)
  • You must be logged in to reply to this topic.