Hey vbonora,

I see the same thing on mobile as I do on desktop:

A critical error has occurred on your website.

Learn more about troubleshooting WordPress.

Please try to temporarily remove your customisations, to see what happens then. Also please share server error logs with us in case you should need further help.

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,
I did’t find the above css so I added this:

#content3 .social_bookmarks {
top: 100px;
position: relative;
}

It looks like you may have removed the other css so I added it again:

.html_av-overlay-side .av-burger-overlay-scroll {
    width: 200px;
}

Best regards,
Mike

Hey limedrop,

Thank you for the inquiry.

Try to add this css code to adjust the position of the testimonial slider arrows:

#top .avia-slider-testimonials:not(.av-large-testimonial-slider).av-slideshow-ui .avia-slideshow-arrows a {
    margin-top: -20px;
}

#top .avia-slider-testimonials.avia-testimonial-wrapper {
    margin: 40px 0;
    overflow: visible;
}

Best regards,
Ismael

Hey Madison,

Thank you for the inquiry.

Using the Advanced Layout Builder (ALB), try inserting a 4/5 and 1/5 column element. Place an Image element inside the 4/5 column and the text in the 1/5 column. Edit the smaller 1/5 column, go to the Advanced > Developer Settings panel, and in the Custom CSS Class field, enter the name av-overlap-right-text. Then add the following code in the Quick CSS field:

#top .av-overlap-right-text {
    width: 50%;
    position: absolute;
    right: 0;
    top: 30%;
    background: white;
    padding: 20px 40px;
}

The css code should adjust the width of the 1/5 column and its position so that it overlaps with the 4/5 column. To position the overlapping column on the left, reverse the order of the columns, replace the class name with av-overlap-left-text, and then add the following css code:

#top .av-overlap-left-text {
    width: 50%;
    position: absolute;
    left: 0;
    top: 30%;
    background: white;
    padding: 20px 40px;
    z-index: 2;
}

#top .av-overlap-left-text + .flex_column {
    margin-left: 20%;
}

Best regards,
Ismael

Hi,

Great, I’m glad to hear that you found a solution. 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 clarification. I’m not sure why, but it seems like there are some arguments in the header which should not be there. For example:

.html_header_right #top #header {
  bottom: 0 !important;
}

@media only screen and (max-width: 800px) {
  @media only screen and (max-width: 767px) {
    .html_header_right #top #header {
      bottom: 0 !important;
    }
  }
}

Please try removing the bottom arguments to see if that helps.

Best regards,
Rikard

Hi,

Great, I’m glad that Mike 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,

Thank you for the update.

Please try to add this css code to move the submit button upwards and remove the extra space.

.ml-block-form .ml-form-embedSubmit {
    top: -50px;
    position: relative;
}

Best regards,
Ismael

Hi,

Great, I’m glad that Mike 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,
Thanks for the screenshot and the link to your site, Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

#top .avia-post-nav {
	display: none;
}

After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,
If you are not using a child theme you could use the WP Code plugin then add a new snippet, in the top right corner use the PHP snippet as the code type:

and ensure that it is activated, then add your code and save.
Shall we close this thread then?

Best regards,
Mike