Hi!

It’s not surprising that the site crashes on iPad. Most of the images are not fully optimized. A few of them have dimensions larger than 3000px which is quite heavy for mobile devices. Example:

http://altaleo.com/wp-content/uploads/2015/06/comptabilite-franco-allemande-v1.jpg
http://altaleo.com/wp-content/uploads/2015/08/traduction.jpg
http://altaleo.com/wp-content/uploads/2015/06/assurance-versicherung5.jpg
http://altaleo.com/wp-content/uploads/2015/06/contactez-nousv4.jpg
http://altaleo.com/wp-content/uploads/2015/08/marketing-franco-allemand1.jpg

Please try to resize these images to decrease the file size. I was able to cut the file size to half by decreasing the width of the first image to 1800px which is quite enough to cover most screen sizes.

Please create a test page of the color section issue. Where do you add the “wrap_all” div? All sections should be wrapped inside the wrap_all container including the header, footer and socket.

Best regards,
Ismael

Hey!

Thank you for using Enfold.

Can you please provide a link to the actual video? We would like to test it on our installation. Have you tried the image element? However, it will open the video on a lightbox.

Cheers!
Ismael

Hey!

Please create a file called post_meta_infos.php on config-templatebuilder > avia-shortcodes folder. Add this code: http://pastebin.com/qsXmPDQJ

You’ll have a new element called Post Meta under Content Elements panel. You might find a few bugs here and there but it should work as a basic element.

Cheers!
Ismael

Hi!

You enclosed all text in h3 tags. Try this:

<style>
.avia_textblock h3 {
    font-size: 1.2em;
    line-height: 1.5em;
    margin-bottom: 8px;
}
</style>

Again, add the code in a code block. Or in the Enfold > General Styling > Quick CSS field.

Cheers!
Ismael

Hi!

I’m sorry but I really can’t see the menu items. Did you add any css codes to modify the menu? This is the screenshot:

Best regards,
Ismael

Hi!

I check the page editor and there are lots of html code inside the page. Please make sure that all html tags are closed properly. Also, please upgrade the theme to the latest version, 3.3.2.

Best regards,
Ismael

Hi!

Can you please provide a screenshot of the difference between those pages? In my installation, default and woocommerce pages look exactly alike. Maybe, you’re referring to the transparent header or something like that?

Regards,
Ismael

Hey!

I’m sorry if you feel that way but we are trying our best to fix your issue. We can only provide solutions base on the available information. Did you modify anything on the theme files? Try to update again via FTP but do not update the style.css file. Override the theme files, not the theme folder.

I tried to run the “update check” manually but the current user you provided “do not have sufficient permissions to access the page.” Please post the site’s FTP details here. We will update it for you.

Cheers!
Ismael

Hi!

Thank you for the info. Please remove the code on functions.php file then add this in the Quick CSS field:

@media only screen and (max-width: 1024px)
{
	.responsive #top .sticky_placeholder{height:0px;}
	.responsive #top .av-submenu-container{top: auto !important; position: relative !important; height:auto; }
	
	.responsive #top .av-menu-mobile-active {text-align: center; }
	.responsive #top .av-menu-mobile-active .mobile_menu_toggle{display: inline-block;}
	.responsive #top .av-menu-mobile-active .av-subnav-menu{display:none;}
	
	.responsive #top #wrap_all .av-menu-mobile-active.container {width:100%; max-width: 100%;}
	.responsive #top .av-menu-mobile-active .av-open-submenu.av-subnav-menu{display:block;}
	.responsive #top .av-subnav-menu > li:first-child{margin-top:-1px;}
	.responsive #top .av-menu-mobile-active .av-subnav-menu  li{display:block; border-top-style: solid; border-top-width: 1px; padding:0;}
	.responsive #top .av-menu-mobile-active .av-subnav-menu > li > a{border-left:none; padding:15px 15%; text-align: left;}
	.responsive #top .av-menu-mobile-active .av-subnav-menu > li a:before{content: "\25B6"; position: absolute; top: 15px; margin-left: -10px; font-family: 'entypo-fontello'; font-size: 7px;}
	.responsive #top .av-menu-mobile-active .av-subnav-menu li > ul{visibility:visible; opacity: 1; top:0; left:0; position: relative; width:100%; border:none;}
	.responsive #top .av-menu-mobile-active.av-submenu-hidden .av-subnav-menu li > ul{display: none;}
	.responsive #top .av-menu-mobile-active.av-submenu-hidden .av-subnav-menu li > ul.av-visible-sublist{display: block;}
	
	.responsive #top .av-menu-mobile-active .av-subnav-menu li > ul a{padding:15px 19%;}
	.responsive #top .av-menu-mobile-active .av-subnav-menu li li > ul a{padding:15px 24%;}
	.responsive #top .av-menu-mobile-active .av-subnav-menu li li li > ul a{padding:15px 29%;}
}

It will enable the mobile button on iPad view.

Regards,
Ismael

Hey!

Try to resize the portrait masonry items with this:

.av-fixed-size .av-masonry-entry.av-portrait-img .av-inner-masonry-sizer {
    padding-bottom: 80%;
}

For the rest of the masonry items, use the code above:

.av-fixed-size .av-masonry-entry .av-inner-masonry-sizer {
    padding-bottom: 40%;
}

You might need to use a lot of css media queries if you want to always have the masonry items above the fold on different screen size: https://css-tricks.com/snippets/css/media-queries-for-standard-devices/

Regards,
Ismael

Hi!

Use this to resize the product items on mobile:

@media only screen and (max-width: 767px) {
.responsive #top #main .products .product {
    margin: 0 1% 1% 0;
    width: 32.3%;
    clear: none;
}
}

@media only screen and (max-width: 479px) {
.responsive #top #main .products .product {
    margin: 0 0 20px 1%;
    width: 48%;
}
}

Cheers!
Ismael

Hey!

Alright. Please edit this part:

tempPadding = tempPadding + non_shrinking + non_shrinking2;
							console.log('test b ' + tempPadding);

.. replace it with:

tempPadding = tempPadding + non_shrinking + non_shrinking2 -  non_shrinking3; 

Cheers!
Ismael

Hey!

Try to adjust the font size:

@media only screen and (max-width: 767px) {
.esg-selected-filterbutton {
    padding: 2px 3px;
    font-size: 10px;
}
}

Regards,
Ismael

Hi!

What is the current php version? There are old issues regarding 5.3.27 FastCGI, maybe the solution provided on those threads will help:

https://kriesi.at/support/topic/avia-layout-builder-not-loading/#post-137892
https://kriesi.at/support/topic/big-issues-setting-up-a-complete-new-site-with-enfold/#post-335920

Regards,
Ismael

Hi avaprojects!

Thank you for using Enfold.

1.) To align the sub menu text to the logo, use this:

#top .av-submenu-container .container {
    padding: 0 50px !important;
}

2.) Use this to create a dot:

#top .av-subnav-menu > li > a:after {
    content: '·';
    position: relative;
    left: 10px;
    bottom: 0px;
}

#top .av-subnav-menu > li > a {
    border: 0;
}

3.) Unfortunately, you can’t add a description in the menu items.

4.) Add this code:

.av-main-nav > li > a {
    font-weight: normal;
}

5.) In order to adjust the border, try this:

#sub_menu1 {
    border-top: 0;
}

#header_main {
    border-bottom: 0;
}

#top #header_main > .container > .inner-container {
    border-bottom: 1px solid;
}

Cheers!
Ismael