Hi topmedialab,

I have added this css code inside the media query:

.home #full_slider_1 .avia-slideshow-inner,
.home #full_slider_1 .avia-slideshow-inner * {
    height: 180px !important;
    max-height: 180px !important;
    min-height: 180px !important;
    width: 100vh !important;
    max-width: 100vh !important;
    min-width: 100vh !important;
}

It’s pretty hard to get all parts of the image but that should help.
Another workaround is to use another slider for mobile only with modified image.
Hope this helps.

Best regards,
Nikko

Hey Brianne,

Try to use one of these codes and check which you prefer:

@media only screen and (max-width:767px) {
  #top #banner-mobile {
    background-position: top right!important;
  }
}

@media only screen and (max-width:767px) {
  #top #banner-mobile {
    background-size: 100% auto !important;
    max-height: 35vh;
  }
}

Don’t use both at the same time.
Hope this helps :)

Best regards,
Nikko

Hi S.,

You can check on the link Rikard gave in private content.
It’s the post with the title: English for HR Experts
Scroll to the bottom of the page and you’ll find the Excerpt field.
Hope this helps.

Best regards,
Nikko

Hi WP Turned Up,

Can you try this code and check if it helps:

@media only screen and (min-width:480px) and (max-width:768px) {
  .home #fullscreen_slider_2 .slideshow_align_caption {
    vertical-align: bottom;
    padding-bottom: 25px;
  }
}

Best regards,
Nikko

Hi Birgit,

Glad that we could help.
If you will still need our help, just create another thread and we’ll surely help you with it :)
Thanks for using Enfold and have a great day!

Best regards,
Nikko

Hey ManoLee,

I think it’s possible but I think it would take a lot of time to do that and outside the scope of our support.
The file you need to modify is jquery.magnific-popup.min-js which is located in enfold > js > aviapopup folder.

Best regards,
Nikko

Hey morthe,

It will not work that way.
Why don’t you put the Text Block and Accordion in the 2/3 column? it should work properly that way.

Best regards,
Nikko

Hey Lknows,

It’s not the Enfold issue, you can verify this by switching to a wordpress default theme.
Google changed their autoplay policies, you can check here for more information: https://developers.google.com/web/updates/2017/09/autoplay-policy-changes
You can still do autoplay but you need to mute the video by adding &mute=1, the iframe code should look like:

<iframe width="560" height="315" src="https://www.youtube.com/embed/XWze2cCdt40?rel=0&autoplay=1&mute=1" frameborder="0" allowfullscreen></iframe>

Hope this helps.

Best regards,
Nikko

Hi FadingReality,

I noticed that the transparent logo you used isn’t centered, while on regular pages it is centered, you can see it from this screenshot which shows the comparison:

View post on imgur.com

Please try to remove this code:

.html_header_top.html_logo_center .logo {
    left: 53% !important;
}

Then make sure that the image/logo you add in Enfold > Header > Transparency Options > Transparency Logo is centered.
Hope this helps.

Best regards,
Nikko

Hi,

I inspected the page and I could see this code being added:

.page-id-731 .slide-meta-time {
    display: visible;
}

Please use Rikard’s code, if it still doesn’t work after none add !important.
If that doesn’t help, please give us admin access, so we can check further.
Just post the login details in private content.

Best regards,
Nikko

Hi roamingk,

Can you try adding this css code also:

#top #flexi_searchbox select {
    background-image: none !important;
}

Hope it helps.

Best regards,
Nikko

Hi OPVAB,

Thanks for giving us admin access.
I have checked Show element options for developers in Enfold > Layout Builder.
Then on the page, I used a grid row to create 3 columns then added in Custom CSS Class: custom-grid
In your Quick CSS (located in Enfold > General Styling), I added this code:

.custom-grid .flex_cell {
    padding: 0 !important;
}

.custom-grid .flex_cell_inner {
    position: relative;
}

.custom-grid .av_textblock_section {
    background: rgba(0,0,0,0.5);
    padding: 20px 20px 10px;
    width: 100%;
    position: absolute;
    bottom: 0;
    z-index: 100;
}

.custom-grid .avia-image-container-inner, .custom-grid .avia-image-container-inner .avia_image {
    width: 100%;
}

.custom-grid .av_textblock_section h3 {
    font-size: 28px;
}

.custom-grid .av_textblock_section p {
    display: none !important;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: opacity .4s linear;
    -o-transition: opacity .4s linear;
    transition: opacity .4s linear;
}

.custom-grid .flex_cell_inner:hover .av_textblock_section p {
    display: block !important;
    opacity: 1;
    filter: alpha(opacity=100);
}

The only thing remaining is the animation which can be done via javascript which would take sometime to do and outside the scope of our support.

Best regards,
Nikko

Hi brand,

You can use this css code:

#top .av-share-link-description {
    font-family: 'Comfortaa', sans-serif;
}

Just make sure that Comfortaa font is loaded on the page.

Best regards,
Nikko

Hi raslade,

Thanks for giving us the link.
I checked it but I can’t find the code you posted above.
Try to put your code in layerslider, click on the content/image where you want to apply, click on the Styles (tab) then there’s a Custom CSS section where you can place your code.
If that doesn’t help, please post us your login credentials (in the “private data” field), so we can take a look at your backend.

1. Install and activate ” Temporary Login Without Password “.
2. Go to ” Users > Temporary Logins ” on the left-side menu.
3. Click ” Create New “.
4. Add the email address for the account ( you can use (Email address hidden if logged out) ), as well as the ” Role ” making that the highest possible and the expiry about four days
   ( do be sure that we have enough time to debug ).
5. Click ” Submit “.
6. You’ll now have a temporary account. Please provide us here in the private section the URL, so we can login and help you out.

When your issue is fixed, you can always remove the plugin!
If you prefer to not use the plugin, you can manually create a admin user and post the login credentials in the “private data” field.

Best regards,
Nikko

Hi newmediologo,

Can you give us a link to your site? so we can inspect and check why it isn’t working.

Best regards,
Nikko