Hi,

No problem. To adjust the logo, you can place this code inside the css media query in the previous code above.

.responsive .logo {
    text-align: left;
}

Best regards,
Ismael

Hi,

We checked the slider setting and they seem to be correct, but we are not yet sure why the minimum height is not applying correctly. Please try to add this css code for now as a temporary fix. We will get back once we figure out the issue.

Best regards,
Ismael

Hi,

To remove the footer, edit the page containing the contact form then select the Blank No Header, No Footer page template.

// https://developer.wordpress.org/themes/template-files-section/page-template-files/#creating-custom-page-templates-for-global-use

For mobile view, try to adjust the top padding value in the css code that we suggested above.

Best regards,
Ismael

Hi,

Thank you for the inquiry.

We modified the code a bit. All you need to do is add the anchors in this line.

const anchors = ["#top", "#barrierefrei", "#geberit", "#perma-trade"];

Best regards,
Ismael

Hi,

Thank you for the screenshot.

To remove the space below the read more button, please add this css code.

@media only screen and (max-width: 767px) {
	/* Add your Mobile Styles here */
	.responsive #top .container .av-content-small, .responsive #top #wrap_all .flex_column, .responsive #top #wrap_all .av-flex-cells .no_margin {
        margin-bottom: 0;
        padding-bottom: 0;
    }
}

Best regards,
Ismael

Hey Oriano,

Thank you for the inquiry.

You may need to set the Enfold > Shop Options > Product Gallery settings to the second option (Woocommerce 3.0 gallery). Let us know if this helps.

Best regards,
Ismael

Hi,

Thank you for the update.

You can use this css code to adjust the height of the lightbox container.

.mfp-iframe-scaler {
    padding-top: 90%;
}

Best regards,
Ismael

Hey dondela,

Yes, this should be possible. Please try to add this css code and toggle the file compression settings.

@media only screen and (max-width: 767px) {
	/* Add your Mobile Styles here */
	.responsive #top .av-main-nav .menu-item-avia-special {
		display: none;
	}

	.responsive #header_main_alternate {
		display: block;
	}

	.responsive #top .av-main-nav .menu-item {
		display: block;
	}
}

Best regards,
Ismael

Hi,

We may need to login to the site. Please provide an admin account in the private field.

Best regards,
Ismael

Hey jeel147,

Thank you for the inquiry.

Are you using the Easy Slider element? Try to replace it with the Fullwith Easy Slider or with a Color Section with a background image.

Best regards,
Ismael

Hi,

We missed the info about the minimum height option. Sorry about that. We may need to access the site in order to check the issue further. Please provide the login details in the private field.

Best regards,
Ismael

Hey Alwin,

Thank you for the inquiry.

That is the default behavior of the slider. It inherits the height and aspect ratio of the images and resize accordingly. You can add the following css code to adjust the size of the slider, but the whole image will not be visible in the slider area.

.avia-slideshow.av-fhu65-4d5fc4714aa76b1680c7e2d33bc82a8c .avia-slideshow-inner {
    height: 300px !important;
}

.avia-slideshow.av-fhu65-4d5fc4714aa76b1680c7e2d33bc82a8c .avia-slideshow-inner .avia-slideshow-slide, .avia-slideshow.av-fhu65-4d5fc4714aa76b1680c7e2d33bc82a8c .avia-slideshow-inner .avia-slideshow-slide .avia-slide-wrap  {
    height: 100%;
}

.avia-slideshow.av-fhu65-4d5fc4714aa76b1680c7e2d33bc82a8c .avia-slideshow-inner .avia-slideshow-slide .avia-slide-wrap picture {
    height: 300px !important;
    display: block;
    left: -80%;
    position: relative;
}

You can add this css code if you want to adjust which area of the image or slide should be visible in the slider container.

.avia-slideshow.av-fhu65-4d5fc4714aa76b1680c7e2d33bc82a8c .avia-slideshow-inner .avia-slideshow-slide .avia-slide-wrap picture {
    left: -80%;
}

Best regards,
Ismael

Hi,

Thank you for the info.

The live site is not loading properly on our end, unfortunately. Is the URL correct? Would you mind providing a screenshot of the issue? Please use imgur, savvyify or dropbox for the screenshot.

Best regards,
Ismael

Hi,

Thank you for the inquiry.

You may need to enable the Excerpt field from the Screen Options. Just edit one of the posts and look for the Screen Options button in the top right corner of the editor. And yes, you can use html tags and add links in the Excerpt field.

// https://wordpress.org/documentation/article/dashboard-screen/#screen-options

Best regards,
Ismael

Hey Diana,

Thank you for the inquiry.

Now I tried to make the background for the mobile version transparent with the following CSS script

Please try to add this css rule inside the css media query instead.

.avia-slideshow-arrows a:before {
    background: rgba(0,0,0,.1);
}

Make sure to toggle the file compression (Autoptimize) and purge the cache before checking the page.

Best regards,
Ismael