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

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

Hi Patrick,

Thank you for your feedback.

I did not change anything with animation. Mayby some browser/server cache issue.

Enjoy the theme and have a great day.

I will close this topic – feel free to open a new one when you need further assistance or find other bugs.

Best regards,
Günter

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

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

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

Hey Vivek,

We can’t say if you are going to run into problems or not unfortunately, but getting a valid theme license would be the first things to do. After you have access to the theme files, then the update to 6.0.2 has to be done manually from the version you are running, 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 theme as if it was new under Appearance->Themes->Add New Theme.
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/

Best regards,
Rikard

Hi,

Try to use this css code to adjust the vertical position of the text block in the third column.

section.av_textblock_section.av-lyscdi3s-bcd0fbae3857e0a950a84fdd1cf33281 {
    top: -5px;
    position: relative;
}

Instead of creating this slideshow manually, we recommend using the sliders available in the Advanced Layout Builder or creating one with the Layer Slider.

Best regards,
Ismael

Hey ThiloKiefer,

Thank you for the inquiry.

According to the PageSpeed Insights tool, the site is significantly impacted by LCP (Largest Contentful Paint), which, in this case, is the first color section. This issue might be related to the background image, which is quite large at 3984×897 pixels for desktop and is definitely not recommended for mobile devices. We recommend reducing the width of the image to less than 1500 pixels for desktop and using even smaller dimensions for mobile devices. If possible, to further improve performance, consider upgrading your hosting plan or subscribing to a CDN provider.

Best regards,
Ismael

Hey Jak73,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

@media only screen and (max-width: 767px) {
    .responsive #top #wrap_all #main {
        padding-top: 10px !important;
    }
}

feel free to adjust to suit, after applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,
Well, I don’t think that my solution above will work for you. I guess you will need to use the standard menu and try to customize it with css to look the way you want for desktop and then use the standard burger menu for mobile devices. So far I have not been successful at this, but I will keep trying.

Best regards,
Mike

Hi,
Often when a page is corrupt in this way, you can not correct it and save again, the error just returns, typically using the page Revisions will also not work, but perhaps if you go back far enough it might work, it might be worth a try. But please note to might not be able to recover if it breaks this page.
I would recommend creating a staging copy of your site first to test on.
I would draw your attention to the av_fullscreen shortcode in the beginning of the text elements, this is your full screen slider at the top of your page, but it shows in the text element below the slider:


and it also shows in the last text element on the page:


so this doesn’t match the frontend of your site, as you don’t have more than one full screen slider on your page, thus this page is corrupt and I don’t see a way to correct it,
this is why I recommend either recreating the page in a new blank page, or using your server backup. I know you said that you would have to go back years, but it sounds like you have not been able to update the page in years, so the backup should be the same as the last time you edited the page. In my guess.

Best regards,
Mike

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

Hi,

If you enable debug mode under Enfold->Layout Builder->Show advanced options, then you can add this shortcode to a new page to see how it was made:

[av_layout_row border='' min_height='15px' color='main_color' mobile='av-fixed-cells' id='welcome' av_uid='av-98dfif']
[av_cell_one_fourth vertical_align='top' padding='0px' padding_sync='true' background_color='#719430' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat' mobile_display='' av_uid='av-38ln3']

[/av_cell_one_fourth][av_cell_one_fourth vertical_align='top' padding='0px' padding_sync='true' background_color='#92bb46' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat' mobile_display='' av_uid='av-8vfxsn']

[/av_cell_one_fourth][av_cell_one_fourth vertical_align='top' padding='0px' padding_sync='true' background_color='#acd464' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat' mobile_display='' av_uid='av-8r5rn3']

[/av_cell_one_fourth][av_cell_one_fourth vertical_align='top' padding='0px' padding_sync='true' background_color='#e1fbb2' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat' mobile_display='' av_uid='av-8ggrav']

[/av_cell_one_fourth]
[/av_layout_row]

Best regards,
Rikard

Hi,

Thank you for the update.

To adjust the size and position of the image, you can try this css code:

.layoutArea .column p img {
    width: 20px;
    position: relative;
    top: 5px;
    margin-right: 5px;
}

Best regards,
Ismael

Hey!

We replied here: https://kriesi.at/support/topic/how-to-add-structured-data-with-enfold-without-a-plugin/#post-1462641

Regards,
Ismael

Hi,
When you write:

top:27%; is my live view in my smartphone good, but the view in the browser development is bad.

it sounds like you are referring to this custom css:

because it is the only one that is a percentage, but this one should not change your device vew because it has the max-width of 736px, which is smaller than your device.
This custom css should be the one that works on your device:

because it’s max-width is the same as your device, but I not sure if you are changing the top:16px; to top:27px; or 27%
If I’m correct about this, change this css to:

@media only screen and (max-width: 373px) {
    .inner-container {
        position: relative;
        top: 16px;
    }
}

so it stops working at 373px and then add this css for your device:

@media only screen and (min-width: 374px) and (max-width: 379px) {
    .inner-container {
        position: relative;
        top: your-value;
    }
}

and adjust the your-value to what looks good on your device.
This way other devices will still look correct, it get tricky when a single device doesn’t display correctly, but I think this will work for you.
When I check with my iPhone 7 which has a screen width of 320px, the logo looks just like it does in the browser development tool for the same width.

Best regards,
Mike

Hi,

This is what is currently appyling:

#main .avia_textblock.text-about {
  margin-top: 0px;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 19px;
  font-family: zen-kaku-gothic-new;
  font-weight: 500;
  word-spacing: 18px;
}

Changing the top and bottom padding values work when I test it in the browser.

Best regards,
Rikard