- This topic has 10 replies, 3 voices, and was last updated 4 months ago by
Sakin.
-
AuthorPosts
-
May 3, 2024 at 8:17 pm #335180
Ginger Eldridge
MemberMy 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/
May 3, 2024 at 9:08 pm #335181Ginger Eldridge
MemberI figured out how to do the right sidebar… I do need the Blog page header to be thinner if possible.
May 4, 2024 at 12:10 pm #335187minal
KeymasterHello @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
May 4, 2024 at 6:24 pm #335189Ginger Eldridge
MemberI 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
May 6, 2024 at 12:24 am #335203minal
KeymasterHello 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
May 6, 2024 at 11:01 am #335238Ginger Eldridge
MemberThank 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
May 6, 2024 at 11:18 am #335242minal
KeymasterHello 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,
MinalMay 6, 2024 at 11:49 pm #335257Ginger Eldridge
MemberThank 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?
May 7, 2024 at 12:34 am #335268Sakin
KeymasterHi 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,
SakinMay 7, 2024 at 1:47 am #335270Ginger Eldridge
MemberYou guys are amazing… thank you for all of your help! I am so appreciative of your assistance. 🙂
May 7, 2024 at 2:09 am #335271Sakin
KeymasterHi Ginger,
Thanks for your appreciation.
Regards,
Sakin -
AuthorPosts
- The topic ‘Blog page header & sidebar’ is closed to new replies.