Breadcrumb not responsive for two screen sizes

Hello,
We would like to submit a problem that we can not solve.
We use the template Creativity. It works fine and it is responsive except for the breadcrumb in two cases

It is not displayed responsive with two screen sizes: 768x1024 800 x 1280. The display size is the one for a high definition screen. We do not understand why. For a size of 360 x 640 everything works.

Yet the rest is perfectly responsive. We tested with FireFox and CTRL SHIFT M to see the different sizes.

Here is a page to check the problem:
https://www.guillenphoto.com/cms/en/why-to-enhance-colors-in-nature-photography-part-1.html

Could you give us a solution to fix this problem? It is not blocking but the display is not very beautiful.
Thanks in advance
regards

Hi

I'm not sure what is a file gp-styles-global.css. Lots of changes to template's style, mostly ok, but there are some affecting this area as well.

Please add this code to override.css and make sure override is enabled in template settings.

Code: Select all

@media only screen and (max-width:1015px) {
.gkMenu > ul > li > a {
    padding: 0 8px;
}
}

@media only screen and (max-width:820px) {
.breadcrumbs > ul > li {
    font-size: 1em !important;
}
}


That is perfect.
It works.

Thanks for your time and your reply.
All my best

Hi
Glad I could help.
---
If You were satisfied with our support please let other users know on Twitter: http://twitter.com/gavickpro or Facebook: http://www.facebook.com/gavickpro