Hi,

I updated the theme via Envato Market plugin and it threw the error however I am unable to update files via FTP. I tried to enable debugging mode by editing wp-config.php file but I am unable to upload it. I could not downgrade Enfold version as well.
Permissions seem correct so I think it might be a security measure by your hosting providers.

Could you please enable debugging mode by editing wp-config.php file and changing “false” to “true” in following line

define( 'WP_DEBUG', false );

Best regards,
Yigit

Hi,

Thanks for contacting us!

I just checked your website on Safari but it does work fine on my end. I attached a screenshot in private content field below. I tried resizing the browser window but that made no difference :)

Regards,
Yigit

Hi Bernhard,

You can upload your screenshots on imgur.com and post the links here.

Could you please try adding !important rule and check if that makes a difference?

#top .woocommerce .data-privacy span {
  font-size: 16px !important;
}

Best regards,
Yigit

Hi,

1- You can adjust “max-width” value in this code I posted to display a larger image – https://kriesi.at/support/topic/linked-images-in-header/#post-1343677.
If you would like to display a different image, you can add custom class to your images as following

<img class="header-image" src="..." />
<img class="header-image-mobile" src="..." />

and then add following code to Quick CSS

@media only screen and (min-width: 990px) { 
.header-image-mobile { display: none;} 
}
@media only screen and (max-width: 989px) { 
.header-image { display: none; }
.header-image-mobile { display: block; } 
}

2- Please add following code to Quick CSS field in Enfold theme options > General Styling tab and adjust as needed

@media only screen and (min-width: 990px) { 
#top #header #header_main .widget {
  top: 10px;
}}

3- You can wrap your image inside HTML A tag as following

<a href="https://kriesi.at" target="blank"><img src="https://kriesi.at/wp-content/themes/kriesi/images/logo.png" class="header-image"></a>

Best regards,
Yigit

Hi,

Please add following code to Quick CSS field in Enfold theme options > General Styling tab

#top #header_main > .container .main_menu .av-main-nav > li > a > .avia-menu-text img {
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
@media only screen and (min-width: 990px) { 
.av-main-nav-wrap {
  margin-top: 20px;
}}

Best regards,
Yigit

Hi,

Could you please post FTP and WP admin logins of your test site here privately so we can look into it? I think the critical error is related to something else and is not connected to the token. We would like to enable debugging mode and find out what is causing the issue and after fixing that we could revert to older version and try updating with the token :)

Best regards,
Yigit

Hi,

No but I thought it could be related to some customization in your child theme :)

I tried without fallback image as well but it still works fine for me.

Best regards,
Yigit

Hi,

Please add following code to Quick CSS field in Enfold theme options > General Styling tab

#top #header.av_minimal_header .main_menu ul:first-child > li#menu-item-17625 > ul {
  width: 120px;
}

Best regards,
Yigit

Hey,

Since there is not enough space on mobile, I would recommend you to hide the image on screens below 480px and move it a bit higher on landscape mode

/* Move the image higher */
@media only screen and (max-width: 767px) { 
#top #header #header_main .widget {
  top: -20px;
}}
/* Hide below 480px */ 
@media only screen and (max-width: 480px) { 
#top #header #header_main .widget {
  display: none;
}}

Cheers!
Yigit

Hey Jak,

Please edit your 4 column elements and give each of them a custom CSS class in Advanced > Developer Settings tab and then add following code to Quick CSS

.your-custom-column-1 { transform: rotate(5deg); }
.your-custom-column-2 { transform: rotate(-7deg); }
.your-custom-column-3 { transform: rotate(3deg); }
.your-custom-column-4 { transform: rotate(-4deg); }

Cheers!
Yigit

Hey,

Would you be able to create a new animated gif with your background image? There is no overlay in socket section so it would not be possible to set animated gif opacity to 0.1 and that makes socket text not readable.

Regards,
Yigit

Hi Jak,

Please add following code to Quick CSS field in Enfold theme options > General Styling tab and adjust “left” and “max-width” values

@media only screen and (max-width: 767px) { 
#top #header #header_main .widget {
  max-width: 200px;
  top: 0;
  position: absolute;
  left: 40%;
}}

Regards,
Yigit

Hi,

You are welcome! Let us know if you have any other questions and enjoy the rest of your day :)

Best regards,
Yigit

Hey Jak,

You can add following code to Quick CSS field in Enfold theme options > General Styling tab to center the image in your header

#top #header #header_main .widget {
  max-width: 400px;
  margin: auto;
}

Regards,
Yigit

Hi Philipp,

We are happy that Rikard could help you out! :)

For your information, you can take a look at Enfold documentation here – https://kriesi.at/documentation/enfold/

If you have any other questions or issues, feel free to start a new thread under Enfold sub forum and we will gladly try to help you :)

Enjoy the rest of your day!

Best regards,
Yigit