Blog Page Format Issue/Mobile Footer Issue

[Langer Enterprises LLC]

SKT WomanVersion: pro2.0

Hello,

I have two issues with the formatting on my website using SKT WomanVersion: pro2.0.

#1: On the Blog Page and the Single Blog page, the first Blog Post (for the Blog Page) and the Featured Image (for the Single Blog Post page) appear behind the navigation bar. I need to push them down around 100 pixels just on PC format, not mobile. This looks fine on my phone.

http://d6247728.t48.langerenterprises.com/blog/ (Blog Page)
http://d6247728.t48.langerenterprises.com/test-2/ (Single Blog Page)

#2: When viewing the site on my cell phone, the Footer Columns on the bottom are all the way to the left. I want to format them 5-10 pixels from the left side.

http://d6247728.t48.langerenterprises.com/ (View through a cell phone)

Thanks

[Langer Enterprises LLC]

https://ibb.co/xY2Kn1j
Blog Page Issue

[Langer Enterprises LLC]

https://ibb.co/R6ZRz9t
Single Blog Page

[Langer Enterprises LLC]

https://ibb.co/KNmNqkG
Mobile Phone, Text all of the way to the left. I would like a gap between the screen edge and the text.

[Sonl Sinha]

Hi,

Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

.page-template-blog_template .header, .page-template-blog_template .single-post {
  position: relative;
}

@media screen and (max-width:479px) {
#footer .rowfooter { margin:0;}
}

Regards,
Dave

[Langer Enterprises LLC]

Thanks, that repaired the mobile footer issue but the blog pages are the same.

Here is the entire CSS code, just in case something is interfering with this code.

span.desc{display: none;}
.header-menu { width:auto;}
.logo img { margin: 10px 0;}
.header-extras { padding: 52px 25px 51px;}
#topmenu ul li a { padding: 56px 20px 57px;}
.elementor-widget-container ul {
list-style: disc;
margin-left: 40px;
}
.thn_post_wrap ul li
{list-style:disc !important; color:##2b2b2b;}

.header-extras {
display: none;
}

#content { padding: 30px 0 50px;}

.page-template-blog_template .header, .page-template-blog_template .single-post {
position: relative;
}

@media screen and (max-width:479px) {
#footer .rowfooter { margin:0;}
}

[Sonl Sinha]

Hi,

Kindly use this CSS code to resolve blog page issues.

.blog .header, .single-post .header {
  position: relative;
}

Regards,
Dave

[Langer Enterprises LLC]

Thank you, that worked.

[Sonl Sinha]

You are Welcome 🙂

Regards,
Dave

[Author]

Posts