Hey!

Please use this:

@media only screen and (max-width: 767px) {
.responsive #top .logo {
    text-align: center;
}

.responsive .logo img {
    display: inline-block;
    top: 15px;
}
}

Cheers!
Ismael

Hi Joe,

What device are you able to autoplay videos on? As far as I know it’s disabled on Apple devices and that is one of the reasons it’s disabled.

Regards,
Rikard

Hi hajzr!

Thank you for using Enfold.

1.) Edit the portfolio item then add the post summary in the Excerpt field. If you can’t find the field, look for the Screen Options then enable it.

2.) You can adjust the css top position of the hover title:

.grid-image:before {
    content: attr(title);
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1000;
    text-align: center;
    opacity: 0;
    font-weight: 200;
    font-size: 24px;
    color: #ffffff !important;
    top: 45%;
}

Best regards,
Ismael

Hi,

Try the following instead:

.home #header_main .container {
display:none !important;
}

.home #main {
    padding-top: 67px !important;
}

Best regards,
Rikard

Hey!

Please replace the css code with this:

#header .widget {
    right: 140px;
    padding-top: 0;
    position: absolute;
    top: 60px;
    transform: translate(-50%);
    z-index: 999;
}

Best regards,
Ismael

Hey!

On mobile view, you can replace the slider with an actual video element. Set the layer slider to not display on mobile then follow the instructions on the following link: https://kriesi.at/support/topic/full-screen-slider-not-responsive/#post-562361

Best regards,
Ismael

Hey!

Please use this instead:

.active-parent-item .current-menu-item .avia-menu-text {
    color: red;
}

Or this:

#top #wrap_all .av-main-nav .active-parent-item .current-menu-item a {
    background: green;
}

#top #wrap_all .av-main-nav .active-parent-item .current-menu-item .avia-menu-text {
    color: white;
}

Cheers!
Ismael

Hey worldfuturecouncil!

Thank you for using Enfold.

1.1) Disable the masonry animation with this:

.avia_desktop .av-masonry-entry:hover .av-masonry-image-container {
    -webkit-transform: scale(1);
    transform: scale(1);
}

1.2) Check my answer on 1.3. You might be able to prevent this by using the actual builder instead of using the shortcode.

2.) Check my answer on 1.3 again. :)

1.3) You won’t lose the sidebar if you place the masonry element inside a 1/1 column element.

If possible, please create a single thread for each inquiry. You will get a faster response that way. :)

Best regards,
Ismael

Hi Sergio,

Great, glad you found the problem. Please let us know if you should need any more help on the topic.

Best regards,
Rikard

Hi!

I’m sorry to interrupt the discussion but your new inquiry is quite far from the original topic. We kindly ask your to open a new thread to keep the thread relevant to the original subject. Thank you for your understanding. We’ll close this thread for now.

Best regards,
Ismael

Hi stateofart!

Thank you for using Enfold.

Looks like you managed to move the category on top of the title. Is that right?

Site is looking awesome. :)

Regards,
Ismael

Hi,

Ok, sorry for your problems. Please let us know if you should need any more help on the topic.

Thanks,
Rikard

Hey!

This code should fix the logo and top bar issue on mobile:

@media only screen and (max-width: 480px) {
#header_main {
    padding-top: 120px;
    left: 8%;
}
}

There’s a better way to center align the logo but since you’re using css left property, we’ll use that again. Please add the code at the very bottom of the Quick CSS field.

I’m sorry but I’m not sure if I understand the social icon issue. Or did you figure it out?

Best regards,
Ismael

Hi,

From reading this topic: https://kriesi.at/support/topic/single-post-content-single-post-site-with-sidebar-is-too-width/, you got your problems fixed, correct?

Regards,
Rikard

Hi,

Not sure what going on with your site but the link you sent redirects me to yoursite.com and I see a loading box there reading Bitte noch etwas Geduld, bald gibt es hier mehr zu sehen. but it stops at 65%. The regular login pages are not working either, how do we log in?

Thanks,
Rikard

Hey!

Use this to change the color of the active menu item:

#top .av-subnav-menu .active-menu-item a .avia-menu-text {
    color: red;
}

#top .av-subnav-menu .active-menu-item a {
    background: transparent;
}

This will change the active menu item background:

#top .av-subnav-menu .active-menu-item {
   background: #f4f4f4;
}

You have to remove this:

.active-menu-item {
    background: #f4f4f4!important;
}

We modified the code in the functions.php file a bit.

Cheers!
Ismael

Hi!

Please adjust the values as needed:

.header_color .header_bg {
    min-height: 250px;
    top: -50px;
}

Best regards,
Ismael

Hi sky19er!

Thank you for using Enfold.

The slider is not even showing on desktop so we re-created it from scratch. And its ok now. Please flush the cache before testing the page.

Best regards,
Ismael