breadcrumb goes to the next line on mobile view and falls out of viewport

Hey Esliran,

Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

@media only screen and (max-width: 990px) and (min-width: 481px) {
.title_container .breadcrumb {
    left: 50px;
    top: 90%;
}}
@media only screen and (max-width: 480px) {
.title_container .main-title {
    line-height: 30px;
    margin-bottom: 10px;
}}

Best regards,
Yigit

Hi,

Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

@media only screen and (max-width: 480px) {
.rtl .title_container .breadcrumb {
    left: 0;
}}

Best regards,
Yigit

Hi!

You are welcome! :)

For your information, you can take a look at Enfold documentation here – http://kriesi.at/documentation/enfold/
And if there are features that you wish Enfold had, you can request them and vote the requested ones here – https://kriesi.at/support/enfold-feature-requests/
For any other questions or issues, feel free to post them here on the forum and we will gladly try to help you :)

Regards,
Yigit