Apologize for not answering sooner. It works to perfection!

At first it didn’t, but then realized that although I had cleared my browser cache, I hadn’t cleared out my Total Cache.

Then, it worked perfectly.

Thank you so much. It was the solution, which I couldn’t have figured out on my own.

Ismael, the thread is: #378704

But, I have an update…not sure if that should be here or there?

I had Localhost version of the site, so could massacre at will.

Removed layerslider, still had problem. Just kept slicing bits of the site off. Still had problem. Decided to start at beginning.

Installed new WordPress.
Installed Enfold.
installed Enfold-Child.
Made Enfold-Child my theme in Appearance > Theme.
Installed WooCommerce.
Imported Demo Data.
Made single MegaMenu entitled “MegaMenu” and made its Location Main Menu on Enfold.

Put in “normal” stuff on the newly created menu entitled “MegaMenu”
Put in Line 1 – marked as Megamenu with checkbox.
Put in Line 1-2 over from Line 1.
Put in Line 2 — same level as Line 1
Put in Line 2-2 over from Line 2.

Looked like this:
My Account
Checkout
Cart
Shop
Sample Page
Mega Menu Here
Link 1
Link 1-2
Link 2
Link 2-2

Worked fine.

Then, in Quick CSS put in the title_container bit to remove breadcrumbs and space where breadcrumbs sit. Looks like this:
.title_container {
display: none!important;
}

All the pages BUT WooCommerce have happy MegaMenu.

BUT…

On WooCommerce’s SHOP, the MegaMenu is chopped off.

There is nothing but original stuff in style.css and in functions.php in Enfold.Child.

Do you have any suggestions on what I could do to solve this idiosycracy on the more complex working site?

Thanks again for looking into this.

To see this oddity of “partial megamenu, since you don’t have access to my Localhost, you can go to:
http://www.eurobeautygroup.com/collection/hydravive-moisturizing_cn/

• This reply was modified 9 years, 11 months ago by CharlieTh.

Well, that explains it!

Interesting, though…if it’s in boxed layout the full-width isn’t full width, right?

Does that mean it “gets” different CSS to cause that?

Thanks, Ismael.

I will double-check on HTML codes…don’t remember any, but :}

Yes, on 3.04 version.

I’ll double-check the HTML, too.

Originally, this site had a STRETCHED layour and I was going to use the BOXED layout on a few pages. Thought I might be able to just create a Template.

To test your suggestion, I have changed to BOXED layout and thrown up a dotted body background, so you can easily see the changes.

(I was testing on Localhost before…)

Front page with boxed layout with the dots body background is here:
http://www.eurobeautygroup.com/

A boxed layour WooCommerce archive page with the dots body background is here:
http://www.eurobeautygroup.com/collection/nutrimoor-dry-skin_cn/

A boxed layour WooCommerce archive page overridden by your CSS is here.
http://www.eurobeautygroup.com/collection/hydravive-moisturizing_cn/

On the latter, No dots are visible…No body background
The slider is full width and un-boxed.

You will notice that the header part is left-justified and not full width.

Since background is specified in Boxed, would presume going from Stretched to Boxed would be much more complex?

Any ideas?

Thanks for checking this out. Strange, I would have thought this would be a more common question.

Wonderful, wonderful!

I spent ages trying to figure that out.

Appreciate those “experienced eyes!”

Thanks again.

Thank you for your help. I’ll look into it further.

Thank you, Elliott!

I appended different background-color and color for the two statements above, just to see exactly what they did.

I see the .avia-arrow changes as sort of an upside down stick figure of a house (two sides and pointed roof on bottom) — which I can understand.

I see no changes at all for the avia-testimonial-wrap.

Can you tell me what that is supposed to do? Maybe I need to tweak?

Thanks

Thanks for letting me know…I’ll check it out.

Josue, I am sorry. I am getting to know your Enfold first on Localhost. So unfortunately I won’t be able to send you a url.

But I thank you very much for your suggestion.

To see what I did in its barest form, edit the One-Pager (FrontPage) from the Restaurant Demo.

In the far-right-hand column of “Layout,” change “Header visibility and Transparency” from ‘Transparent Header’ to ‘Hide Header on This Page.’

Above the full screen slider, drag Fullwidth Sub Menu (“FWSM”) fron Avia Layout Builder’s “Content Elements” tab.

I set the menu on that to the same Main_Menu that came with the demo.

I would like this sub menu to have same appearance as it had with the transparent header.

However, it appears to me (I would really LIKE to be proved mistaken!) that the fullwidth sub menu is ABOVE the slider, not floating on layer on top of slider, so possibly CSS cannot help? (I have rudimentary understanding of CSS.)

I would ultimately like to put a specific (non-Main_Menu) menu in the FWSM
so I can use this concept on multiple long one-pagers on specific subjects…with different menus over sliders.

Possibly I can dynamically change menu used in this location based on page — that way I could
use the “transparent header” bit as it is in Demo?

Otherwise the IDEAL way would be to be able to use the FWSM and put in
a particular menu on a particular page.

Thanks again for your interest!

I have set up debug on the Localhost, so could send you the actual shortcodes from
the bottom, but — really — all I did was what I cited above.

Do you have better way of accomplishing this task that you might suggest?

Thanks in advance.