Hey Rikard, no worries on the delay and yes; i was able to resolve this — thank you!

Problem solved, thank you as always Rikard! j

• This reply was modified 3 years, 8 months ago by Josh.

Here is a link to the full image so when comparing you can see the image is being cut off on either side of the color section. I can give it a left margin of -50 and fix the left side, but the same doesnt work on/with the right.

Oops sorry Rikard, i had dropped the wall but someone else raised it again. It’s accessible now.

Perfect, thank you Nikko (and Ismael)! j

Hi Nikko, thank you for this however it’s not what i need help with. Sorry if i was not clear;

What i would like to accomplish is the style of navigation. If you look at my example i have nested (indented under each section) links that are part of those sections. Right now if i were to assign a page under another in the navigation it would be in a fly out on the front end. I would like to nest them below the same way they are in the navigation widget.

Originally i wanted to use the Elementor plugin to accomplish this but in speaking with Rickard in another thread i learned that Elementor integration with Enfold is still on-going, so i am hoping to accomplish something similar to that. I don’t need it to replicate all of the functionality of the Elementor plugin, i just want to accomplish a similar looking menu where the sub-links nest under each section, as you will see here:

Thank you for your continued support, Nikko.

Hey Nikko, i am using this as a base however when i add sublinks they are in fly-outs to the right. What i would like to do is nest them under each section. They will be targeted links to content on the page, for example this is how i would like it to appear in the sidebar rather than using fly-outs. In this example the user would be on the page “About Us”, scrolled down to the “Our History” section;

About us
   Our History
   Our Ethos
   Our Team
Services
   Service 1
   Service 2
Contact Us
   Email Directly
   Our Address

Hi, i found a solution that works nicely. I don’t know how to delete this thread, i don’t see an option in here but please do close it upon review. Thank you as always in any event, you guys are fantastic with support.

Thank you for another swift reply, Victoria!

Hey Victoria, thank you for the swift reply. I take and understand your point. I’ve also played with the idea of achieving the same goal with a background that doesn’t repeat vertically however i only want this effect to appear on the homepage, in the first fold.

Alternately;
Could i perhaps then bother you for Quick CSS assistance (if it is possible) in putting a black container (full width) with a height size attribute at the top of the home page, behind the content?

Sorry for the slow reply, Rikard. I was away. The link is;

Update;

I managed to get it a bit more sticky using the following code, however it still tries to disappear before loading permanently. I’m using FF Dev edition, current version.

.woocommerce-account .button, .woocommerce-checkout .button {
    display: block !important;
}

.woocommerce-checkout .blockUI.blockOverlay {
    z-index: -1 !important;
    opacity: 0 !important;
}

Apologies for my slow reply, Rikard! We had a holiday. I ended up abandoning this effort as it was holding the rest of the design back. I do appreciate the prompt reply though.

I would very much still like to use a chevron (downward pointing arrow spanning the width of the page with the same angle degree as the built-in diagonal) shape rather than a diagonal shape elsewhere on the site though if you have any suggestions — i would love to stick one at the bottom of a color section elsewhere. I don’t believe the way i was doing it was the best method, if there were a way to modify the diagonal border in the quick CSS that would be ideal.

Please advise, cheers for now!

okay, thank you.

Just want to double check though, no quick css way to pull up the nav, like with a negative margin perhaps?

Thanks Rikard,
I posted it at the top of the CSS and dumped the old CSS and JS files as instructed but still the border/background remains.