Hey Francesco,
When I tried to edit a element on your homepage, I found no issues:

This is the result on the frontend:

Try using the login you posted for us.

Best regards,
Mike

Hi,
Try this css instead where the line height matches the font size:

@media only screen and (max-width: 767px) { 
	.avia-table a {
		font-size: 16px;
	}
	.avia-table li {
		line-height: 16px;
	}
}

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

Best regards,
Mike

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

@media only screen and (max-width: 767px) { 
	.avia-table a {
		font-size: 12px;
	}
}

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

Best regards,
Mike

Hi,
I believe that you are asking how to center the man holding umbrella image that is in your grid row:

in your grid row background image you would choose the background image position of Top Center:

so the image will be centered left & right and the top of the image will show:

or you can choose Center Center if you don’t care if the top of the umbrella shows.

Best regards,
Mike

Hey tammiviestinta,
Please include the url to the page in question so we can examine the widget.

Best regards,
Mike

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

#top.page-id-1941 .av-masonry-entry {
	pointer-events: none;
}

Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hey ballindigital,
To edit the menu item Description, first enable them in the drop down at the top of your menu screen “Screen Options” and checking the Description box, which will show the Description text area below your menu items.


I have enabled this for the login you posted, if you are using a different login you will need to enable this.
To make the menu burger white try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

#top .av-burger-overlay li li .avia-bullet, #top .av-hamburger-inner,#top .av-hamburger-inner::before, #top .av-hamburger-inner::after {
  background-color: #fff !important; 
  }

Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

Hi,
Glad Guenni007 could help, thank you Guenni007, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

Hey avalina,
Thanks for the link to your site, I’m not having any issues, please see the screenshots in the Private Content area.
Please ensure that you are accepting the site cookies before adding items to your cart, if you don’t see the cookie message popup your browser may be blocking it.

Best regards,
Mike

Hey aboderc,
Thanks for the link to your page, I see that you have a square with a code block that seems to have woo product shortcode, but the problem is that the code block has a shortcode for a three column product

so the css for this gives it a width of 18%, this is why the product is to the top left, not because of the code block.
Try this css:

#top.home .products.columns-3 .product {
	width: 100%;
	margin: auto;
}

Your other two products have a two column woo code so they are to the left because their width is only 49.5%

for them try this css:

#top.home .shop_columns_2 .products .product {
	width: 100%;
	margin: auto;
}

Lets us know if this helps.

Best regards,
Mike

Hi,
I see a square with a arrow for going to the top in the Parallax Demo :

to enable this for mobile try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

@media only screen and (max-width: 767px){
.responsive #top #scroll-top-link {
    display: block;
}
}

Best regards,
Mike

Hi,
Try adding this css:

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

ensure that you clear your phone cache before testing, if this doesn’t help please include your phone screen resolution for portrait and landscape.

Best regards,
Mike

Hi,
The css classes .site-header & .top-bar are not typical for Enfold, I would recommend this css:

#header_meta .container {
min-height: 60px;
}

#header_meta .container * {
font-size: 16px;
}

Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
After applying the css, please clear your browser cache and check.
If this doesn’t help please include the url to the page in question so we can take a closer look.

Best regards,
Mike