Hi,

Thank you for the update.

This css code should remove the right border of the instagram icon.

#top .social_bookmarks li:last-child {
	border-right: 0;
}

Best regards,
Ismael

Hey Magnus,

Thank you for the inquiry.

The link tag in the language switcher container is duplicated, but the other is empty. To remove the empty link, we can use this css code.

.av-main-nav li:nth-last-child(2) a:first-child {
	display: none !important;
}

Best regards,
Ismael

Hi,

Hi Ismael, are you sure about this?

Yes, the browser still loads the image because it’s still in the DOM and the browser expects that there’s still a possibility that the image will be manipulated by a script later on. One example is a slider with multiple images — only the first image or slide is visible on page load but the browser will still request all images in the slider.

And please note that in the section.php file, we moved the image URL in the data-src attribute, so the script will only apply the value of the data attribute either as background image or the value of the src attribute on page load. This might also affect the lazyload option.

$params['data'] = "data-src='{$src}' data-section-bg-repeat='{$repeat}'";

Unfortunately, we are not exactly sure how the lazyload option works in that plugin, so we might not be able to help you further in this case.

Best regards,
Ismael

Hi,

Thank you for the inquiry.

You can start with this css code to remove the icon and adjust the position of the slide content so that it’s above the slide image or the purple box. It might require some adjustments specially on mobile view.

#top .avia-content-slider .slide-image .fallback-post-type-icon {
	display: none !important;
}

#top .avia-content-slider .slide-content {
	position: absolute;
	top: 0;
	color: #ffffff;
	padding: 10px;
        width: 100%;
}

#top .avia-content-slider .slide-entry-title.entry-title, #top .avia-content-slider .slide-entry-title.entry-title a {
	font-size: 17px;
	color: #ffffff !important;
}

Best regards,
Ismael

Hi,

@Missca: Where can we see the issue? Please open a new thread and provide the necessary details in the private field so that we can check it properly. We’ll close this thread for now.

Best regards,
Ismael

Hey dbideaz,

Thank you for the inquiry.

Have you tried adjusting the bottom padding of the first menu item?

#menu-item-11 {
	padding: 126px 3px 361px 3px;
}

Or we can use flexbox to control the size of the menu items.

.html_header_sidebar .container_wrap {
	width: 100%;
	height: 100%;
}

.html_header_sidebar #header .container {
	height: 100%;
}

.html_header_sidebar #header .av-main-nav {
	display: flex;
	flex-direction: column;
}

.html_header_sidebar #header .av-main-nav, .html_header_sidebar #header .av-main-nav-wrap {
	width: 100%;
	height: 100%;
}

.html_header_sidebar #header .av-main-nav > #menu-item-11 {
	height: 70%;
}

The very last css declaration defines the height of the first menu item.

Best regards,
Ismael

Hi,

Thank you for the inquiry.

You can use this css code to adjust the position of the phone info container where you added the booking button.

.phone-info {
	position: absolute;
	right: 10px;
}

To hide it on mobile view, use this css code.

@media only screen and (max-width: 767px) {
    .phone-info {
	display: none;
    }
}

You can also set the logo to the center by adjusting the Menu and Logo Position settings in the Header > Header Layout panel.

Best regards,
Ismael

Hi,

Thank you for the update.

We have added this css code in the Enfold > General Styling > Quick CSS field to fix the issue.

#wrap_all {
    position: relative;
}

Best regards,
Ismael

Hi,

Thank you for the inquiry.

The menu seems to be displaying as it should now. Have you tried purging the cache, or disabling the Performance > File Compressions settings?

Best regards,
Ismael

Hi,

Thank you for the update.

Are you using a cache plugin? There should be a dedicated button to purge the cache manually. If you’re not using any plugin, you can ask your hosting provider if your server is actually storing or caching any data and if it can be deleted manually.

Best regards,
Ismael

Hi,

Thank you for the inquiry.

We might be able to adjust the height of the slider on mobile view, but it will distort the image a bit. Please replace the css code with this one.

@media only screen and (max-width: 767px){
    .avia-slideshow-inner, .avia-slideshow-inner li img {
	height: 300px !important;
    }
}

Best regards,
Ismael

Hey MPPcreative,

Thank you for the inquiry.

1.) It might be that the font that you’re using doesn’t support Hebrew characters. You may need to switch to another font and make sure that it supports the required characters.

2.) You can add this filter in the functions.php file to change the default link of the button.

/**
 * Changes the redirect URL for the Return To Shop button in the cart.
 *
 * @return string
 */
function wc_empty_cart_redirect_url() {
	return 'http://mywebsite.com/sample-page/';
}
add_filter( 'woocommerce_return_to_shop_redirect', 'wc_empty_cart_redirect_url' );

Best regards,
Ismael

Hey Morticka,

Sorry for the delay. You should wrap the code inside a css media query so that it will only affect the desktop view and keep the default style or layout on mobile view.

@media only screen and (min-width: 768px) {
  /* Add your Desktop Styles here */

}

Place the previous code inside the css media query above.

Best regards,
Ismael

Hi,

Sorry for the delay. According to the page speed insight tool the page is too big or has an excessive DOM size which might also cause the layout shifts or affect the CLS score. Is there any possibility to decrease the content in the page?

A large DOM will increase memory usage, cause longer style calculations, and produce costly layout reflows. Learn more.

The page contains 1,656 elements in total, which is quite huge.

And according to the reports, the pseudo element before contributes most to the CLS of the page. We are not really sure from which element that is, but it is probably referring to the font icons which is added using the pseudo element.

CLS Contribution
::before
<::before>

Best regards,
Ismael

Hi,

Thank you for the update.

We don’t see the error in the SERPS anymore. Did you remove the layer slider in the home page?

Screenshot: https://imgur.com/yybYtSs

Best regards,
Ismael