1) The top bar shows the Top Menu + Social, stacked and centered (overlapping the slider). Formerly (before updating the theme), the Top Menu was on the Left, and social icons were on the right. How can I reformat for socials to be on the right and the top menu on the left?
3) I want one of the primary navigation items (Donate Now) to have a different background color. Is this possible?
RE: Item #1 See attached for the issue with the top bar. Centered and overlapping logo and slider. Formerly, the top bar menu was aligned left, and the socials were aligned right.
Hi,
I'm having a few issues and hoping you can help.
1) The top bar shows the Top Menu + Social, stacked and centered (overlapping the slider). Formerly (before updating the theme), the Top Menu was on the Left, and social icons were on the right. How can I reformat for socials to be on the right and the top menu on the left?
3) I want one of the primary navigation items (Donate Now) to have a different background color. Is this possible?
Thank you!
Hi,
1. Can you send me the screenshot? I've checked your site, and the header menu showing correctly,
2. Please go to Appearance → Customize → Custom CSS then add the following custom CSS code:
#menu-item-11616 a {background: #000;
padding-left: 10px;
padding-right: 10px;
color: #fff !important;
}
3. Please check the WP Accessibility plugin, it contains the JS error on the front end.
Regards,
PenciDesign.
OK -- thank you!
RE: Item #1
See attached for the issue with the top bar. Centered and overlapping logo and slider.
Formerly, the top bar menu was aligned left, and the socials were aligned right.
Attached files: Screenshot 2024-07-16 at 8.57.47 AM.png
Hi,
I've checked your site, the header elements showing correctly, here is the screenshot: https://imgur.com/a/mqzyW3r
Please clear all the browser caches and check again.
Regards,
PenciDesign.
ok -- I see the issue. it looks great for very vide screen widths. But bc its responsive, it wraps on smaller screens.
Is there a setting I can add so that it doesn't wrap?
Hi,
Please go to Appearance → Customize → Custom CSS then add the following custom CSS code:
@media only screen and (max-width: 1169px) {.penci-headline {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
flex-direction: row;
padding-left: 10px;
padding-right: 10px;
}
.penci-headline:before,
.penci-headline:after {
display: none;
}
}
Regards,
PenciDesign.
perfect -- thank you!