[dthomParticipant]

I have become used to adding all css customization’s to my child theme. Most work, some don’t so I have those css snippets (BuddyPress and Breadcrumbs in the customizer – where they do work. I am a bit concerned as to whether these snippets will remain in customizer when updates come out. Should I be?

This css is that I need help tweaking as when I go into responsive mode, the breadcrumbs bar goes beyond the max width. Screenshot attached. Site is http://www.mysalus.org

.x-breadcrumb-wrap {
max-width: 1120px;
width: 100%;
margin: 0 auto;
border-bottom: 0;
}

Thanks in advance

[LelyModerator]

Hi There,

Thanks for posting in and the screenshot.
That CSS should work on the child theme. You may try to move it back on the child theme CSS and then update us after so we can check why it is not working. Please also try adding this !important at the end of this line:
max-width: 1120px; like below:

.x-breadcrumb-wrap {
max-width: 1120px !important;
width: 100%;
margin: 0 auto;
border-bottom: 0;
}

Hope this helps.

[Author]

Posts