CSS Issue: Dark Stripe Under Header with WooCommerce Pages

[airnep]

WooCommerce – Dark Stripe Under Header

I am starting a WooCommerce page on my current WordPress site using SKT Locksmith Theme. I am running into an issue with a black colored large dark stripe area under header and only is effecting all WooCommerce pages. What can I add or change to CSS to resolve issue? Thank you in advance for any help!

Site: https://mysslocksmith.com/
WooCommerce page(s) with issue: https://mysslocksmith.com/service-categories/

My current modified CSS settings: (SKT Customize Theme – Basic / Custom CSS)
This CSS code works for all pages except for WooCommerce pages.
.page_head {height: 0px !important; }
.has_trans_header .header {
position: relative !important; }

[Sonnal S Sinha]

Hi Airnep,

Your 1 year support for theme has expired. To continue receiving theme updates/access and support for another year kindly subscribe for just $18

Pay via PayPal:

https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=E6MFAFM4T6RDL

[Sonnal S Sinha]

Pay via Credit Card:

https://sites.fastspring.com/sktthemes/product/singlethemeyearly

Once paid we will again renew your support for 1 year and you will also receive theme updates/access as and when they happen.

Regards,
Dave

[airnep]

Good morning,
Oh I am sorry, I did not realize it wasn’t paid. I paid the $18.00 yearly fee by PayPal. Are you able to help with my issue?

Best Regards,

Aaron (Airnep)

[Sonnal S Sinha]

Hi Aaron,

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

.archive .post_head {
    display: none;
}

Regards,
Dave

[airnep]

Dave, thank you for your help! It fixed the issue. I will leave a review on “Reviews and Testimonials”.

Best Regards,

Aaron

[Sonnal S Sinha]

Hi Aaron,

Thanks for the review 🙂

Regards,
Dave

[Author]

Posts