- This topic has 7 replies, 2 voices, and was last updated 5 years, 8 months ago by
.
Hi Guys,
On my site https://www.theclassyseoconsultant.com/shop/blogger-outreach-agency/
The dropdown menu diussapoears behind the blue banner on most of my prodicts / services pages….
Solution for this topic
Thank you for your question.
You can resolve it by adding the following CSS code in the Custom CSS code option of your theme on the below path.
Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code
header.primary-desktop { z-index: 9999; }Best regards,
Shufflehound teamPerfect
Thank You
You are most welcome here 🙂
It worked well.. but now see the difference in the blue banner here:
https://www.theclassyseoconsultant.com/shop/on-page-seo-services/
(text is off centre)
https://www.theclassyseoconsultant.com/shop/google-press-release-writing-service/
New service I added today, text is centre…
So after I added the CSS code all old products displays text off centre and new products displays correct…
Solution for this topic
It is not displaying correctly because of the following custom CSS code that you are using on your site generated by YellowPencil Plugin.
#page-container .sh-titlebar { margin-left: -50px; margin-top: -26px; margin-bottom: -27px; color: #ecf0f1; background-color: #01bae9; width: auto !important; -webkit-box-sizing: border-box; box-sizing: border-box; min-width: 0px; max-height: 258px; background-position: 50% 50%; -webkit-background-size: auto auto !important; background-size: auto auto !important; position: relative; top: auto; z-index: 1000; left: auto; }To resolve the issue please either remove margin-top property from above CSS code or use below custom CSS code on your site.
body #page-container .sh-titlebar { margin-top: 0; }Perfect, all I wanted, worked well!
Thank You
You are always welcome here 🙂
