Hey NicomIT,

You have the following custom CSS code:

.solutions-header
{
  padding: 10%;
  margin-bottom: 0;
}

Please change it to the following and clear caches:

#top .solutions-header
{
  padding: 10%;
  margin-bottom: 0;
}

Best regards,
Yigit

Hi Francesco,

I replied to your questions on your other thread at https://kriesi.at/support/topic/info-enfold-theme/.

3- Our forums are open 24/7 however response time is slower on the weekends.

Best regards,
Yigit

Hey Francesco,

1- Key features are listed on Enfold’s ThemeForest page ( https://themeforest.net/item/enfold-responsive-multipurpose-theme/4519990 ). You can find the list of recommended plugins at https://kriesi.at/support/topic/recommended-plugins/.

Enfold is a responsive theme out of the box. You may want to adjust the options to fine-tune the layout but all elements are responsive.

2- We usually respond to support threads within 24 hours however depending on how busy the forums are, it may take longer.

3- Our company is based in Vienna, Austria. However, we have moderators from all over the world so we can keep our forums active.

I hope this helps. Let us know if you have any other questions.

Regards,
Yigit

Hi,

Thank you for the update.

Please make sure to place this css code:

#top #header .av-main-nav > .av-burger-menu-main, #top #header .av-main-nav > .menu-item-search-dropdown {
    cursor: pointer;
    display: block!important;
}

.. after this code:

#top #header .av-main-nav > li.menu-item {
    display: none!important;
}

You may need to purge the cache after applying the modification, or disable the compression settings temporarily.

Best regards,
Ismael

Hi,
Thanks for the link to your site and your css, here are two examples that work in my test:
slide-in-left, I changed the time to 2 seconds so you can see the animation, feel free to adjust to suit.

@keyframes slide-in-left {
from {
transform: translateX(-100%);
}
to {
transform: translateX(0%);
}
}
#top .phone-info div {
animation: slide-in-left 2s;
}

slide-in-right:

@keyframes slide-in-right {
from {
transform: translateX(100%);
}

to {
transform: translateX(0%);
}
}
#top .phone-info div {
animation: slide-in-right 2s;
}

Best regards,
Mike

Hi,
Thank you for the link to your site, I didn’t find the same page where the breadcrumbs were three lines, but I found a page where the breadcrumbs were two lines and this css seems to work, try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

@media only screen and (max-width: 767px){
.responsive .title_container .breadcrumb {
    position: relative;
    margin-top: unset;
    top: unset;

}
}

If this doesn’t help where the breadcrumbs were three lines please include a link to the page directly.
Please see the screenshot in the Private Content area of the expected results.

Best regards,
Mike

Hey Enfoldfanatic,

Thank you for the inquiry.

We made slight adjustments to the css code to make sure that the search icon remains visible alongside the burger menu icon.

/* Activate burger menu */
@media only screen and (max-width: 1224px) {
  #top #header .av-main-nav>li.menu-item {
    display: none !important;
  }

  #top #header .av-burger-menu-main,
  #top #header .menu-item-search-dropdown {
    cursor: pointer;
    display: block !important;
  }
}

Best regards,
Ismael