Hi,

Try to change 1024 to 767 from Ismael’s code, it should look like this:

@media only screen and (max-width: 767px) {
    .only-desktop {
        display: none !important;
    }
}

@media only screen and (min-width: 767px) {
    .only-mobile {
        display: none !important;
    }
}

Hope this helps :)

Best regards,
Nikko

Hey Christophe,

Sorry for the delayed response.

Please post us your login credentials (in the “private data” field), so we can take a look at your backend.

Login credentials include:

• The URL to the login screen.
• A valid username (with full administration capabilities).
• As well as a password for that username.
• permission to deactivate plugins if necessary.

Best regards,
Jordan

Hey pimroll,

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

#mobile-advanced li > a:before, .html_header_mobile_behavior #mobile-advanced span > a:before, #mobile-advanced .mega_menu_title:before {
    content: "•";
    position: absolute;
    top: 13px;
    margin-left: -10px;
    font-family: 'Arial';
    font-size: 20px;
}

Best regards,
Jordan

Hey Freek,

Yes, responsive element just means the elements/layout adapts with the device. However as for parts of the images which are cut off, the fullscreen will try to fit the image to the device viewing it depending on their screen size. For example in your site, try to view the link to the image in the Private Content, you will notice that there’s white space on the right, what fullscreen slider is trying to achieve is to expand the width of the image to cover the whole screen however expanding the width to 100% would also mean that the height of the image will also be expanding more than the height of the monitor, therefore the top and bottom part of the image are cut off (height or width is sacrificed just to preserve the ratio of the image). But if you really want it to show all parts of the image, try to add this code in Quick CSS (located in Enfold > General Styling):

.avia-fullscreen-slider .avia-slideshow>ul>li {
    background-size: 100% 100% !important;
}

It will show all parts of the image but the ratio will not be preserved. Hope this helps. :)

Best regards,
Nikko

Hi,

1.) Please refer to this thread: https://kriesi.at/support/topic/override-the-global-avia_config-within-child-functions-php/ or you may want to use Simple Image Sizes plugin.

1.b) Are you using a default editor and use it as a blog? or are you using Advance Layout Builder and the blog module?

2.) I have tested it on my end but since on your end it’s not working Please post us your login credentials (in the “private data” field), so we can take a look at your backend.

Login credentials include:

• The URL to the login screen.
• A valid username (with full administration capabilities).
• As well as a password for that username.
• permission to deactivate plugins if necessary.

Also I also request for ftp access, since it’s very critical to modify functions.php on wp theme editor.

Best regards,
Nikko

Hey Tilman,

Thanks for reaching out to us!

Unfortunately this is a mobile device limitation. Android and iOS intentionally block the autoplaying of videos so as not to exceed mobile data limits.

Let us know if there is anything else we can assist you with.

Best regards,
Jordan

Hi,

I could find this code inside this media query: @media only screen and (max-width: 767px)

#top #wrap_all .av-inherit-size .av-special-heading-tag {
    font-size: 0.8em;
}

And replace it with:

#top #wrap_all .av-inherit-size .av-special-heading-tag {
    font-size: 0.8em;
    word-break: break-all !important;
}

Hope this helps. :)

Best regards,
Nikko

Hi,

Please replace the code I gave above to:

@media only screen and (min-width:768px) and (max-width:1024px) {
  #top .flex_cell.av_one_half {
    padding: 15px !important;
    font-size: 14px;
  }

  #top .flex_cell.av_one_half.av-zero-padding {
    padding: 0 !important;
  }

  #top .flex_cell.av_one_half .av-special-heading {
    padding-bottom: 8px !important;
  }

  #top .flex_cell.av_one_half .av-special-heading-tag {
    font-size: 24px;
  }

  #top .flex_cell.av_one_half .av-subheading {
    font-size: 18px !important;
  }
}

Let us know if it works. If not, please post us your login credentials (in the “private data” field), so we can take a look at your backend.

Login credentials include:

• The URL to the login screen.
• A valid username (with full administration capabilities).
• As well as a password for that username.

Best regards,
Nikko

Hi,

Thanks for your patience. The issue is fixed. I have found this code in the style.css of your child theme:

.paged #after_section_1{
display:none !important;
}

I have commented it out but it seems not to reflect even after purging the cache, so I added this code in Quick CSS (located in Enfold > General Styling):

#top.paged #after_section_1 {
    display: block !important;
}

Let us know if it’s good on your end also :)

Best regards,
Nikko

Hey Armstrong88!

Please add the following to your custom CSS

#top .no_margin.av_one_third { width: 30% !important; }

let us know if we can do anything else.

Best regards,
Basilis

Hi,

I tried to troubleshoot this issue but the login credentials you provided do not work for me. Would you mind checking once again and then send us working login credentials?

The user role for the account you send us should be set to ‘administrator’ so we can try to disable all plugins and add custom code (if necessary) to resolve the issue.

Would you mind uploading the screenshot/mockup to imgur.com or dropbox gallery without any zipped attachment and share the link here :)

It’s not clear about which space you are refering to. However as I understand you are trying to remove the horizontal border on top of the contact form correct?

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

			
#contact.container_wrap {
	border-top: 0px!important;
}

Best regards,
Vinay

• This reply was modified 7 years, 6 months ago by Vinay.

Hi,

The captcha also appears correctly on my end however you can still modify the scrolled location by changing the value 200 to 250 or more in the line

scrollTop: target.offset().top - 200

Let us know if you have any further questions.

Best regards,
Vinay

Hey JennyGr,

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

.entry-content-header {
position:absolute;
top	: 0;
}

.big-preview.single-big{
	padding-top: 70px;
}

Best regards,
Vinay

Hi,

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

#top #header_meta .phone-info {
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
}

Best regards,
Vinay

Hey DentalUnion,

Thanks for reaching out to us!

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: 767px){
.responsive #top #main {
    padding-top: 150px !important;
}
}

Best regards,
Jordan

Hey appsolutelymediallc,

Thanks for reaching out to us!

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

#top .av-control-minimal-dark .avia-slideshow-arrows a:before {
    border-color: #719430;
}

#top .av-control-minimal-dark .avia-slideshow-arrows a {
    color: #719430;
}

Best regards,
Jordan