header cutting off blog posts

  • Resolved rebeccabasten

    (@rebeccabasten)


    3 years, 4 months ago

    It looks like our header is cutting off the top portion of our blog post. How do we fix this?

    The page I need help with: [log in to see the link]

Viewing 7 replies - 1 through 7 (of 7 total)
  • Kharis Sulistiyono

    (@kharisblank)

    3 years, 4 months ago

    Hi,

    Thank you for contacting us. I am happy to help with your queries.

    Try adding the below CSS code to Appearance > Customize > Additional CSS from dashboard. 

    
.site-content {
  margin-top: 60px;
}

    Regards,
    Kharis

    Thread Starter rebeccabasten

    (@rebeccabasten)

    3 years, 4 months ago

    Hi @kharisblank !

    Thank you for your quick response. This affects the homepage as well. We are looking to just adjust the nature of the blog posts without affecting the overall layout of the home page etc. Any way to do this so it’s specific to the posts only?

    I appreciate your help!

    Becca

    Kharis Sulistiyono

    (@kharisblank)

    3 years, 4 months ago

    Hi Becca,

    Thank you for getting back. Try this code: 

    
.single-post .site-content {
  margin-top: 60px;
}

    Regards,
    Kharis

    Thread Starter rebeccabasten

    (@rebeccabasten)

    3 years, 4 months ago

    Hey Kharis,

    This worked perfectly. Thank you so much!

    Becca

    Kharis Sulistiyono

    (@kharisblank)

    3 years, 4 months ago

    You’re welcome, Becca!

    Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

    Regards,
    Kharis

    Thread Starter rebeccabasten

    (@rebeccabasten)

    3 years ago

    Hi Kharis!

    Unrelated to the original thread here, but I was wondering how to center the image and text on the 404 page for this theme. I have limited coding knowledge so any additional code I can add to center this and make the image smaller would be helpful.

    404 page

    This is currently the code that exists under the customization menu


    <p style=”text-align: center;”>[la_divider height=”lg:10px;”][la_heading title=”404 Error: Page cannot be found!” title_fz=”lg:32px;”]It looks like nothing was found at this location.[/la_heading][la_divider height=”lg:50px;”][la_btn title=”Back to home” style=”outline” color=”gray” align=”center” link=”url:https://milwaukeebootcompany.com/%5D</p&gt;
     

    Kharis Sulistiyono

    (@kharisblank)

    3 years ago

    Hi,

    Seems likely your image contains unnecessary huge spaces that surround the main logo.

    https://milwaukeebootcompany.com/wp-content/uploads/2021/03/Ope-1.png

    I’d recommed reupload a new image with minimal spaces.

    To center the content area only on 404 page, try adding this CSS code to your webite’s Additional CSS. 

    
.error404 .customerdefine-404-content {
  margin-left: auto;
  margin-right: auto;
}

    Regards,
    Kharis

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘header cutting off blog posts’ is closed to new replies.