Breadcrums Wrap Position

[kcreative]

Hi guys,

Trying to lower the breadcrums so they match with the logo poistion, but adding custom css for margin in the Global CSS doesn’t seem to work. For instance:

.x-breadcrumb-wrap {
  margin-top:1.5em !important;
}

It looks like the default breadcrums-wrap settings override it:

.x-breadcrumb-wrap {
    overflow: hidden;
    margin: 0;
    padding: 16px 0;
    font-size: 12px;
    line-height: 1.4;
    background-color: #fff;

Any ideas how to go about that?

[ruenel]

Hello @kcreative,

Thank you for the very detailed post information. To resolve your issue, you only need to use this code:

.x-breadcrumb-wrap {
    padding-top: 0;
}

After doing the updates, always remember to clear all caches (if you are using WP Rocket, WP SuperCache or W3 Total Cache) when updating so that the code from the latest release is always in use. This will help you to avoid any potential errors.

And please clear your browser cache too. You may use private browsing mode in testing your site to make sure that you are viewing the latest codes from the updates and not the cached version in your browser.

[kcreative]

Thank you for the info.

This doesn’t change anything though. I do test in a private browser window every time, by the way.

Tried both with:

/* Breadcrumbs Style */
.x-breadcrumb-wrap {
  padding-top:0 !important;
}

and

/* Breadcrumbs Style */
.x-breadcrumb-wrap {
  padding-top:0 !important;
	margin-top:3em !important;
}

in the Global CSS but nothing changes.

[ruenel]

Hello @kcreative,

It is not working because of your broken css code.

The correct code should be:

/* Add padding to lightbox on mobile */
@media (max-width: 768px){ 
	.envirabox-theme-base .envirabox-image-wrap {
    width: 92% !important;
    margin-left: 4% !important;
  }
}


/* Breadcrumbs Style */
.x-breadcrumb-wrap {
  padding-top:0 !important;
	margin-top:3em !important;
}

I went ahead and resolve the issue by fixing the css code.

Check your site now.

[kcreative]

Thank you for correcting the broken css, appreciate it!

[friech]

We are delighted to assist you with this.

Cheers!