Hi!

No, unfortunately there’s no way to measure the width of the content inside the columns with css. You can change the media queries if you want to change the responsive layout for smaller screens but this layout is also based on a percentage value and it will break the content (i.e. new line or hide it) if it doesn’t fit into the column.

You can use this code:

@media only screen and (max-width: 989px) and (min-width: 768px){
.responsive #footer .av_one_fourth.first.el_before_av_one_fourth, .responsive #footer .av_one_fourth.first + .av_one_fourth, .responsive #footer .av_one_fourth.first + .av_one_fourth + .av_one_fourth, .responsive #footer .av_one_fourth.first + .av_one_fourth + .av_one_fourth + .av_one_fourth, .responsive #footer .av_one_half.first + #footer .av_one_fourth.el_before_av_one_fourth, .responsive #footer .av_one_half.first+ #footer .av_one_fourth.el_before_av_one_fourth+ #footer .av_one_fourth {
margin-left: 3%;
width: 20.5%;
}
}

to change the width of the columns for screens with a width between 989px and 768px. Change the width percentage value if necessary and/or adjust the max-width/min-width values to get better results.

Cheers!
Peter

Hi!

You can try to replace this line in enfold/js/avia.js:

new $.AviaTooltip({"class": 'avia-search-tooltip',data: 'avia-search-tooltip', event:'click', position:'bottom', scope: "body", attach:'element'});

with

new $.AviaTooltip({"class": 'avia-search-tooltip',data: 'avia-search-tooltip', event:'click', position:'bottom', scope: "#header", attach:'element'});

This change will change the click event scope and maybe fix your issue.

Best regards,
Peter

Hey!

If you use a 3 columns layout the thumbnail size of 200×200 doesn’t make sense because the columns will stretch the images to 273px x 273px. You can try to increase the number of columns on the settings page (WooCommerce > Settings > Products – scroll down and search for the “Column Count” option and set it to 4 or 5). Then Enfold will show more columns per row and the image/thumbnail size will decrease because the column width is smaller.

Best regards,
Peter

Hey mnolden!

Dafür gibt es seit Enfold 2.4 eine Option im Adminbereich. Gehe zu Enfold > Theme Options > Header und suche nach der “Append search icon to main menu” Option. Stelle sicher das diese Checkbox nicht markiert ist und speichere die Optionen.

Cheers!
Peter

Hey!

Glad it works now :)

Cheers!
Peter

Hey zufur!

Please create me an admin account and post a link to your website. I couldn’t reproduce the issue on my test server and on the demo website: http://kriesi.at/themes/enfold/portfolio/masonry-portfolio/ and I must check your configuration first.

Cheers!
Peter

Many thanks! In my case it worked perfectly with a variant (in order to not affect the spacement of menu’s sub-itens):

#header_main .container, .logo img, .logo a {
   height: 88px !important;
   line-height: 88px !important;
   max-height: none !important;
}