Hi flylanddesigns!

Thank you for using Enfold.

If possible, please provide a screenshot. Use dropbox or imgur. Add this to the Quick CSS field:

.av-layout-grid-container {
  width: 100%;
  table-layout: auto;
  display: block;
}

Remove browser cache then reload the page. Let us know if it fix the issue.

Cheers!
Ismael

Hi!

Please try to change the database character sets as described here: https://kriesi.at/support/topic/text-encoding-problems-after-latest-update/#post-423330

Cheers!
Ismael

Hey!

Looks like it’s working if you add the iframe code manually in a code or text block:

<iframe src="https://www.youtube.com/embed/G0k3kHtyoqc" width="560" height="315" frameborder="0" allowfullscreen="allowfullscreen"></iframe>

Cheers!
Ismael

Hi!

I checked the site and the back button works OK. Is this issue still happening? I’m sure you installed a cache plugin but I can’t seem to see any cache info on the site. Is the css cache still an issue?

Regards,
Ismael

Hi Luke86!

Thank you for using Enfold.

The Woocommerce Layered Nav Filters widget will only work on the shop overview page. You can’t use it in the single product page.

Cheers!
Ismael

Hi!

The script change the social share markup. It removes the data-av_icon attribute which contains the pinterest icon. You can create another pinterest icon image then set it as background:

li.av-share-link.av-social-link-pinterest {
  background: url('pinterest-icon-here.png');
  background-position: center center;
  background-repeat: no-repeat;
}

li.av-share-link.av-social-link-pinterest a {
  background: none !important;
}

Best regards,
Ismael

Hey mgb913!

Thank you for using Enfold.

Please try to deactivate all plugins then test it again. If possible, please post the ftp and wp login credentials here so that we can inspect the site.

Cheers!
Ismael

Hey!

Add this to the Quick CSS field:

#top .av-menu-button > a .avia-menu-text {
  border: 2px solid !important;
}

Regards,
Ismael

Hey Animals_Comunicazione!

Thank you for using Enfold.

Add this to the Quick CSS field to enlarge the hotspot circle:

.responsive .av-image-hotspot {
  height: 50px;
  width: 50px;
  line-height: 50px;
  font-size: 11px;
}

Cheers!
Ismael

Hi!

Alright. When you set the background to fixed or scroll, the background is directly applied to the section’s container so the background resize properly, proportionate to the color section size. If it is set to parallax it creates another container inside the section called av-parallax. This is where the background is applied and the height of this container is calculated dynamically. It is much taller than the actual color section and moves vertically upwards and/or downwards whenever you scroll to create the parallax effect. Since the height of the actual color section is shorter than the parallax container, it covers parts of the images when you resize the browser. Long story short: You are correct that it is not that responsive compare to the fixed or scroll position so the solution is to create another page with different layout and serve it as mobile version of the page. You can use this plugin to do that: https://wordpress.org/plugins/equivalent-mobile-redirect/

If you don’t want to use a plugin, you can use css media queries to show or hide elements on different screen sizes. The Section ID field comes very handy:

http://stackoverflow.com/questions/11796297/div-show-hide-media-query

https://kriesi.at/support/topic/how-to-hide-some-elements-in-mobile-version/#post-362263

https://kriesi.at/support/topic/is-there-an-option-to-create-a-separate-page-design-specific-to-mobile-devices/

https://kriesi.at/support/topic/displaying-another-slider-on-mobile-devices/

https://kriesi.at/support/topic/replace-slider-on-mobile/

Best regards,
Ismael

Hey!

Sorry if you’re having difficulty with the code block element but claiming that the advance layout editor doesn’t work because you can’t make a single element behave the way you want it to seems to be a little too far-fetched. You can add this to the codeblock content:

<?xml version="1.0" encoding="utf-8"?>
<Profile Type="0" DisplayName="TIFF 200dpi Optimized Color"
         Description ="Word Printed 2-Up with Comments and Date Replacement.">

  <Settings>

    <span style="background-color: yellow;"><strong><!--Word Specific  options --></strong></span>
    <span style="background-color: yellow;"><strong><add Name="Microsoft.Word.Document.PrintOut.Item" Value="DocumentAndMarkup"></add></strong></span>
    <span style="background-color: yellow;"><strong><add Name="Microsoft.Word.PageSetup.TwoPagesOnOne" Value="True"></add></strong></span>
    <span style="background-color: yellow;"><strong><add Name="Microsoft.Word.ReplaceFieldDateWith" Value="***DATE***"></add></strong></span>

    <!-- Output file options -->
    <add Name="Devmode settings;Resolution" Value="200"></add>
    <add Name="Save;Output File Format" Value="TIFF Multipaged"></add>
    <add Name="Save;Append" Value="0"></add>
    <add Name="Save;Color reduction" Value="Optimal"></add>
    <add Name="Save;Dithering method" Value="Halftone"></add>

    <!-- TIFF Compression Options -->
    <add Name="TIFF File Format;BW compression" Value="Group4"></add>
    <add Name="TIFF File Format;Color compression" Value="LZW RGB"></add>
    <add Name="TIFF File Format;Indexed compression" Value="LZW"></add>
    <add Name="TIFF File Format;Greyscale compression" Value="LZW"></add>
    <add Name="JPEG File Format;Color compression" Value="Medium Quality"></add>
    <add Name="JPEG File Format;Greyscale compression" Value="High Quality"></add>
    <add Name="Image Options;Fax" Value="0"></add>

  </Settings>
</Profile>

We removed the wrappers like div, code and pre tags. Add the pre or code tag inside the Code Wrapper Element without the < and >. You can add additional attributes like class, style in the Code Wrapper Element Attributes elements field.

Regards,
Ismael

Hey!

If it is not inside the child theme folder then why is the font url directed to the krypton folder?

@font-face {
font-family: ‘segoe_printregular';
src: url(‘http://kryptonescort.de/wp-content/themes/krypton/fonts/segoepr-webfont.eot’);
src: url(‘http://kryptonescort.de/wp-content/themes/krypton/fonts/segoepr-webfont.eot?#iefix’) format(‘embedded-opentype’),
url(‘http://kryptonescort.de/wp-content/themes/krypton/fonts/segoepr-webfont.woff’) format(‘woff’),
url(‘http://kryptonescort.de/wp-content/themes/krypton/fonts/segoepr-webfont.ttf’) format(‘truetype’),
url(‘http://kryptonescort.de/wp-content/themes/krypton/fonts/segoepr-webfont.svg#segoe_printregular’) format(‘svg’);
font-weight: normal;
font-style: normal;
}

Are you sure it is working on chrome and firefox? Please check it again.

Regards,
Ismael

Hi!

Try to add this to the Quick CSS field:

@media only screen and (max-width: 989px) {
div#mob-bg .flex_column.av_one_third, div#mob-bg .flex_column.av_two_third {
  width: 100%;
}}

You might need to adjust the margins.

Cheers!
Ismael

Hey catchmikey!

Thank you for using Enfold.

What is the font size of the rotator? Please post the page url here so that we can inspect it.

Cheers!
Ismael

Hey!

It has the same problem. The footer and socket container are floating outside the wrap_all container. Please post wp login details as well as the ftp credentials. We would like to check it.

Cheers!
Ismael