Thank you for your response. The code really helped and jumpstarted me. I got the following to work for the header, logo, menus and the advanced layerslider, which seems to have its own breakpoints somewhere. It could probably be more efficient, but it works across devices—tested on many Apple and Android devices.

@media only screen and (max-width: 1192px) {
nav.main_menu { display: none !important; }
#advanced_menu_toggle { display: block !important; }
}

@media only screen and (max-width:1192px) {
.ls-slide.ls-slide-1 {
margin-top: 0px!important;
}
.container.av-logo-container {
height: 120px !important;
}}

@media only screen and (max-width:1192px) and (min-width: 994px) {
.ls-slide.ls-slide-1 {
margin-top: 120px!important;
}
}

@media only screen and (max-width:1192px) and (min-width: 994px) {
#layer_slider_1 {
height: 740px !important;
}}

@media only screen and (min-width: 768px) and (max-width: 1192px) {
.responsive #top #wrap_all #header { position: fixed; }
.responsive .header-scrolled #header_main .container {height: 60px !important; line-height: 60px !important; }
.responsive #top #main {padding-top: 15px !important; margin: 0;}
}

…also, I didn’t see any repy from Yigit, or any information about this issue in the forums.

I hope you can get to this. See this topic: https://kriesi.at/support/topic/enfold-wpml-compatibility/#post-649793

This is an incompatibility that makes it impossible to do translations with Enfold. I must get this working because there is far too much money invested in this ecommerce site—it would be impossible to change themes as it is live and the client will hold me financially repsonsible.

The WPML has worked until now on Enfold, so this is a new incompatibility.

Please help out. Let me know if you need furrther data of access. We can turn of WP error logging in this staging site if needed.

Thanks.

That handled it. Thank you.

New temporary admin user created. See below:

It looks very much better. Little things make a big difference on mobile.

Thank you very much for your help—sorry for the typos.

– Michael

Hi:

Thanks for the response. Sadly, that didn’t do it.

I did further testing and see that the extra space is occurring between 990px and 768px. Once it hits 768 the space reduces, the logo size increases and it looks OK. I looked through all my custom CSS and tried a few things, but I don’t have anything that touches that—so I assume it’s in the Enfold responsive mobile menu CSS. Whatever happens at 768px reduces that space. On the desktop it’s almost 1″.

Any ideas?

Hi:

I have removed unworking CSS. The banner is at the top of every page. It says, “For a limited time new shoppers get 20% OFF! Enter code “ilove20″ at checkout.”

It is called a “sitewide banner” in Woocommerce and is activated there. It is supposed to be controlled by “p.demo_store { }”, but noting I try with that works. You can see what I have tried also in related markups.

Thank you.

– Michael

Hi:

You’re right. After I eliminted the flag switcher, the client demanded that I eliminate the dropdown and use a horizontal text switcher. It is all resolved and I was so busy forgot to update this post.

Thank you for your response, it is much appreciated.

– Michael

Hi:

The CSS hides the flag, which I had been able to do. But the language switcher does not work. I have tried all the WPML options—such as a horizontal list, but the language switcher gets disabled without the flag. This is the same issue I found before, I can hide the flag, but the language switched then does not work.

If, for some reason, I cannot get this to work as text—since it seems the switcher is based on the flags as buttons and the text is just a label—is there a way to change the French flag to a Canadian flag, since the company is in Quebec?

Thanks for your response.

– Michael

Hi:

I have foiund that the site, ilovetylermadison.biz, is only accessible with cookies blocked for me on Firefox. It does not load for me on Chrome or Safari.

I tried it with the Abandoned Cart plugin deactivated, and it made no difference. The only plugin that affects it is “Woocommerce Multilingual.” WPML has said it will issue a fix in upcoming releases of the plugin and sent me some code to try, but the code did not work. So, I am awaiting them on htis issue hoping that updates will handle.

I still have the below error issue, but have not noticed any performance problems because of it yet:

“Your theme (Enfold Child) contains outdated copies of some WooCommerce template files. These files may need updating to ensure they are compatible with the current version of WooCommerce. ”

I am running Enfold Child with version 3.4.7
WP 4.4.1
WooCommerce 2.4.13

Thank you.

– Michael

Hi:

I have deactivated the plugin “Really Simple SSL. which alalowed the site to run securely. Since this is a test site with no SSL cert, it was trying to run as HTTPS and that’s probably where the errors came from. Should be accessible now.

Note: it will not load with cookies blocked on any browser. It appears to be an error generated by the plugin Woocommerce Multilingual, but I have been working with WPML support and they so-far deny this and are leaning toward an incompatibility with the theme. If I deactivte the Woocommerce Multilingual plugin, it loads perfectly—I am trying all angles to resolve this, see issues below:

Lert me know if you have any any other issues.

Thanks.

– Michael

• This reply was modified 8 years, 10 months ago by blaircomm.

Thank you very much!

I now have it all working perfectly, and here is the code in one place, just in case anyone else wants to add pagination in a neat, nice layout at the top of their storefront—essential for large stores:

Add snippet—I prefer a snippet plugin so as to not modify theme files:

add_action( ‘woocommerce_before_shop_loop’, ‘enfold_customization_shop_pagination’, 10);
function enfold_customization_shop_pagination()
{
global $avia_config;
if(isset($avia_config[‘dynamic_template’])) return;
if(isset($avia_config[‘overview’] )) echo avia_pagination(”, ‘nav’);
}

Add to custom CSS—(he @media part eliminates the pagination below 1128px, the point at which it starts to overlap:

.woocommerce-page .entry-content-wrapper > .pagination:nth-child(1) {

position: absolute;

right: 50px;

z-index: 99999 !important;

}

@media only screen and (max-width: 1128px) {
.woocommerce-page .entry-content-wrapper > .pagination:nth-child(1) {

display: none;

}
}

Or, to show the pagination stacked below 1028px widths:

@media only screen and (max-width: 1128px) {
.woocommerce-page .entry-content-wrapper > .pagination:nth-child(1) {

position: relative;

right: 0px;

z-index: 0 !important;

}
}

Hi:

This is the code from the bottom pagination that is missing on the top of page pagination:

<nav class=’pagination’><span class=’pagination-meta’>Page 1 of 5</span><span class=’current’>1</span>2345</nav>

The nav class classes ‘pagination’ and pagination-meta’ are missing. I can hack them into the script, and it works, but it places the pagination out of the frame—i.e. above sidebar and 2/3 page frame with a big space down to the storefront—and gives an error in the code inspector, though it works on the user side.

So the interacrtivity of the pagination at the top seems to be because of missing classes within the equation, and I don’t know how to include them properly.

Any help? This equation needs rewriting to include the interactivity from ‘pagination’ and ‘pagination-meta’:

add_action( ‘woocommerce_before_shop_loop’, ‘enfold_customization_shop_pagination’, 10);
function enfold_customization_shop_pagination()
{
global $avia_config;
if(isset($avia_config[‘dynamic_template’])) return;
if(isset($avia_config[‘overview’] )) echo avia_pagination(”, ‘nav’);
}

Thanks.

– Michael

Thank you. I will.

– Michael