-
Posts
-
On the blog post list page and category page I am happy with the breadcrumbs. But for some reason on full posts blog pages the breadcrumb styling is different and I can’t figure out why! Please help if you can. Thank you
Hey newpappa,
Please update the theme to the latest version. That should fix any issues you are currently experiencing :)
To update to the latest version follow the simple instructions here. (Or if you want the super detailed explanation you can read this blog post)
If that does not help, feel free to reply here and we will take a closer look at the issue. In that case please also add your WordPress login credentials (in the “private data” field) so we can take a look at your admin area
Best regards,
AndyPerfection. Thanks Andy you rock! (note that the update was not listed for some reason on my dashboard so it took me by surprise that I wasn’t up to date already).
Oh wait I lied. They still aren’t showing up properly on the post detail page ( see private content)
So it seems like it is not working on post detail pages or on pages. See private content for example of page.
Hi,
Please post us your login credentials (in the “private data” field), so we can take a look at your backend.
Login credentials include:
- The URL to the login screen.
- A valid username (with full administration capabilities).
- As well as a password for that username.
- permission to deactivate plugins if necessary.
Best regards,
AndyHi,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
.title_container .container { top: 13px; } .title_container { min-height: 36px; }Best regards,
YigitThanks, Yigit. I added it.
Now
1) the breadcrumbs container height is inconsistent between desktop and mobile. I prefer the height on desktop.
2) the breadcrumb text is centered vertically in some pages/posts but not throughout the site, on either desktop or mobile.What I did:
I added that via Enfold Child style.css file (where I’ve moved all the css customization now).I also see that in Enfold Child functions.php I have some code from an earlier post, which may be conflicting with this new code.
The code in functions.php is:
function breadcrumb_height(){
?>
<script>
jQuery( document ).ready(function() {jQuery( “.breadcrumbs” ).closest( “.container” ).css({
‘min-height’ : ’10px’,
‘padding’ : ‘0px’
});});
</script><?php
}
add_action(‘wp_footer’, ‘breadcrumb_height’);Any ideas?
Hi,
I adjusted custom CSS code in Style.css file. Please review your website now
Best regards,
YigitBrilliant on desktop Yigit! Thank you!! On mobile, when the text is one row it is at the top and not vertically centered, when the text is many rows it wraps and spills outside of the container and is not readable.
Hi,
add this code as well for mobile:
@media only screen and (max-width: 767px) { .title_container { min-height: 52px; }}and adjust as needed.
Best regards,
AndyThanks, Andy. That doesn’t actually solve the issue because it creates a fixed height container and the breadcrumbs length (and thus wrapping onto multiple rows) varies.
How about:
On mobile,
1. change the color of the breadcrumb background color to transparent or white,
2. change the color of breadcrumb text to black
3. allow the breadcrumb text to display on top of anything elseThat way, I can set the height to be something like 10px and allow the breadcrumbs to span a few rows without overlapping the page title below, while still being visible.
Is that a legitimate solution or more of a hack? Would love any suggestions and the code to implement if possible.
Thank you so so much!
Hi,
Use this code:
@media only screen and (max-width: 767px) { .stretch_full.container_wrap.alternate_color.light_bg_color.empty_title.title_container { background: transparent; } .breadcrumb-trail, .breadcrumb-trail a { color: black; }}Best regards,
AndyFound how to target it. Used:
@media only screen and (max-width: 767px) {
.stretch_full.container_wrap.alternate_color.light_bg_color.empty_title.title_container {
background: transparent;
}
.breadcrumb-trail, .breadcrumb-trail a, .alternate_color .breadcrumb a {
color: black;
}}Thanks!
Hi,
Great, glad you got it working :-)
Please let us know if you should need any further help on the topic.
Best regards,
Rikard
- The topic ‘Make breadcrumbs consistent across the site’ is closed to new replies.