[Ginger Eldridge]

My blog page header needs to be thinner and I would like a right sidebar and add the Easy Twitter Feed Widget to the right sidebar…which is located under Appearance > Widgets > Optional Page Sidebar –  as of now, I can’t find where to edit the Blog page layout. Any help would be so appreciated!  https://ronfairchild.com/blog/

[Ginger Eldridge]

I figured out how to do the right sidebar… I do need the Blog page header to be thinner if possible.

[minal]

Hello @Ginger Eldridge

It is nice that you figured out your problem by yourself, if not we will be there to assist you. And about blog page header needs to be thinner
you can add CSS code for that and to add that CSS you have to Dashboard >> Appearance >> Customizer and there you find an additional CSS section at the bottom and paste it there.

body:not(.home) .custom-header {
	padding: 80px 0 !important;
}

change the value as per your need\

Sincerely,

Minal

[Ginger Eldridge]

I appreciate your help so much! I think I would like to delete that header entirely *on the BLOG page only*. I tried deleting it (a friend recommended this):

.entry-container-wrap {display: none;}

but it took the overlay of the name of the website off the home page…oops. So, I deleted that code. As it is, it’s redundant to have the blog page say “Blog: Latest Updates” in 2 places, and the top header runs into the sticky player anyway. Is it possible to remove the top header from the blog page only?

https://ronfairchild.com/blog/

Thank you once again!

Ginger

[minal]

Hello Ginger,

Your friend is not wrong but you have to add an extra code to it, Here is the  code for it

body:not(.home) .custom-header .entry-container-wrap {
	display:none;
}

Hope it will work for you,

Sincerely,

Minal

[Ginger Eldridge]

Thank you SO much, Minal!

I just noticed that on the mobile view, all of the page headers are blocked by the sticky player at the top of the screen… is there a way to lower the page titles down just a bit so they are visible? On just mobile view is fine, but if they need to be lowered on desktop as well (sitewide), that’s ok, too… I just appreciate the help so much…

Here is a link to a screenshot:

https://ronfairchild.com/wp-content/uploads/2024/05/img_5883-1.jpg

 

[minal]

Hello Ginger,

Yes, you can lower the page title, to achieve this feat you have to add the following CSS snippet

.page:has(#sticky-playlist-section) .site-content {
     margin-top: 70px;
}

Sincerely,
Minal

[Ginger Eldridge]

Thank you! So, it worked on all pages except for the “Shop” page and individual product pages fed by WooCommerce… but weirdly, the Cart & checkout page are fine… is there a fix for that?

Need fixed on mobile:

Shop: https://ronfairchild.com/product/coming-home/

screenshot: https://ronfairchild.com/wp-content/uploads/2024/05/img_5887-1.jpg

Product pages:

https://ronfairchild.com/product/coming-home/

https://ronfairchild.com/product/smooth-jazz/

screenshot: https://ronfairchild.com/wp-content/uploads/2024/05/img_5888-1.jpg

 

But these show correctly on mobile:

Cart: https://ronfairchild.com/cart/

screenshot: https://ronfairchild.com/wp-content/uploads/2024/05/img_5889-1.jpg

Checkout: https://ronfairchild.com/checkout/

screenshot:  https://ronfairchild.com/wp-content/uploads/2024/05/img_5890-1.jpg

 

*Just discovered the *desktop* Checkout screen is cut off by the left sidebar… bummer…

https://ronfairchild.com/checkout/

screenshot: https://ronfairchild.com/wp-content/uploads/2024/05/Screen-Shot-2024-05-06-at-12.02.08-PM.png

Is this a theme issue not being compatible with WooCommerce? Is it fixable?

[Sakin]

Hi Ginger,

1. For that WooCommerce page title, there is missing CSS for the sticky playlist which is causing an issue. You can add the following CSS in “Appearance => Customize => Additional CSS”

.woocommerce .site-content {
  margin-top: 70px;
}

2. For Cart and Checkout, I have already replied you in your new topic https://catchthemes.com/support-forum/topic/woocommerce-cart-checkout-pages-running-off-the-page/?view=all

Regards,
Sakin

[Ginger Eldridge]

You guys are amazing… thank you for all of your help!  I am so appreciative of your assistance.  🙂

[Sakin]

Hi Ginger,

Thanks for your appreciation.

Regards,
Sakin

[Author]

Posts