Hi,

Yes, that might be added in a future version of the theme.

Please let us know if you should need any further help on the topic, or if we can close it.

Best regards,
Rikard

Hi,

Please try this CSS as well:

div .product a {
    text-decoration: none;
    margin: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

Best regards,
Rikard

Hi,
Thanks for the feedback, I went to your /blog/ page and inspected as an iPhone and I see the text is justified, to change it to left try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

#top #wrap_all .fullsize .template-blog .post .entry-content-wrapper {
    text-align: left;
}

After applying the css, please clear your browser cache and check.
Please note that testing with iPads & iPhones can be hard to clear the cache, often you need to also clear the history to fully purge the cache, following these steps for Safari and note Step 4 where you will Clear the History.

Best regards,
Mike

Hi,

Great, I’m glad that Ismael could help you out. Please let us know if you should need any further help on the topic, or if we can close it.

Best regards,
Rikard

Hi,

If you are running a version prior to 4.4.1, then the update to 5.6.8 has to be done manually, please refer to my replies in this thread: https://kriesi.at/support/topic/enfold-4-5-theme-update-update-failed-download-failed-a-valid-url-was-not-pro/#post-1021541
You can either update manually via FTP: https://kriesi.at/documentation/enfold/how-to-install-enfold-theme/#theme-update, or upload the new theme files via Appearance->Themes->Add New, and select to overwrite the old theme files after the upload has finished.

If that doesn’t work then please try to delete the whole theme folder, then replace it with the new version. Make sure that you have backups of the site before starting updating.
Also please read this after you have updated: https://kriesi.at/documentation/enfold/theme-registration/

Best regards,
Rikard

Hi,
When I checked your page the images in your “Themenbereiche” section have the opacity on desktop until I mouse-over them and for screen sizes below 1440px the images don’t have any opacity. This is what you wanted, correct?
Perhaps your iPad needs it’s cache cleared, try to also clear the history to fully purge the cache, following these steps for Safari and note Step 4 where you will Clear the History.

Best regards,
Mike

Hi,

Thank you for the update.

The previous css code should have worked, but you can try this one instead.

@media only screen and (max-width: 768px) {
  /* Add your Mobile Styles here */
  .responsive #top #main .products .product {
    margin: 0 0 20px 0;
    width: 50%;
  }
}

Please make sure to toggle or temporarily disable the Enfold > Performance > File Compression settings to make sure that the changes take effect.

Best regards,
Ismael

Hey Gianluca,

Thank you for the inquiry.

Did you add the following css code? It sets the opacity of the button container to 0.2, which makes the buttons transparent.

.avia_cart_buttons {
    opacity: 0.2;
    border-top-width: 1px;
    border-top-style: solid;
    padding: 10px;
    overflow: hidden;
    transition: all 0.3s ease-in-out;
}

Try to set the opacity back to 1.

Best regards,
Ismael

Hey pelgrimrat,

Thank you for the inquiry.

For some reason, the position of the marker is not adjustable. Please remove the previous modification, then add this css code instead.

.entry-content-wrapper div li:before {
    content: '';
    width: 8px;
    height: 8px;
    display: block;
    background: #ff9001;
    border-radius: 100%;
    float: left;
    top: 8px;
    position: relative;
    margin-right: 8px;
}

Best regards,
Ismael

Hey finchkelsey,
Thank you for the link to your site, I believe that this code at the end of your child theme functions.php file in Appearance ▸ Editor will help:

function custom_tab_section_script() { ?>
  <script>
window.onload = function() {
  if (window.location.hash) {
    var hash = window.location.hash.substring(1);
    var targetElement = document.getElementById(hash);
    if (targetElement) {
      setTimeout(function() {
        var offset = targetElement.offsetTop;
        window.scrollTo({
          top: offset,
          behavior: "smooth"
        });
      }, 1000);
    }
  }
};
</script>
  <?php
}
add_action('wp_footer', 'custom_tab_section_script', 99);

but I can’t fully test without admin access, please give this a try and clear your browser cache.

Best regards,
Mike

Hey andersjensen055,
Thank you for your question, please link to the page so we can examine. Thank you for the screenshots, from them I believe that you are referring the text below the TOC on mobile (screenshot 1), was the mobile screenshot a “before” screenshot? (2), because it looks correct or the same as the desktop version (3), otherwise please link link to a page as a before so we can assist with a solution.

Best regards,
Mike

Hi,

Great, I’m glad that you found a solution, and thanks for sharing. Please let us know if you should need any further help on the topic, or if we can close it.

Best regards,
Rikard

Hi,

Great, I’m glad to hear that you got it working. Please let us know if you should need any further help on the topic, or if we can close it.

Best regards,
Rikard

Hey Createve_Solutions,

Great, I’m glad that you got things working. Please let us know if you should need any further help on the topic, or if we can close it.

Best regards,
Rikard

Hi,

Thanks for the update. Please let us know if you should need any further help on the topic, or if we can close it.

Best regards,
Rikard