Hey John,
Thank you for your patience, and the link to your page, since you increased the font size you will also need to change this css to re-center the text:

.av-inner-tab-title, .av-tab-section-icon, .av-tab-arrow-container, .av-tab-section-image {
    width: 130px !important;
}

After applying the css, please clear your browser cache and check.
The default is 90px & I just experimented until it looked good, feel free to adjust.
This also helps with your mobile view, but please note that the element is not meant to show all tabs at mobile, it moves along as the tabs are clicked.

Best regards,
Mike

Hi,
Thank you for your patience and the link to the example, unfortunately, we don’t have an element that works like this but I put together a rough example that may work for you using our elements and a little jQuery:

the backend:

So each column has a custom class such as: .show-one, .show-two, .show-three, .show-four then place your content.
Each text element below that will be your “Drop Down” will have the corresponding custom class: .one,.two,.three,.four please note that in the custom class fields you do not actually use the class dots:

Anyways, for this example I used a code block element to add the jQuery:

<script>
(function($){
  $(document).ready(function(){ 
    $('.one,.two,.three,.four').hide();
    $('.show-one').click(function(e){
    e.preventDefault();
    $('.two,.three,.four').hide();
     $('.one').toggle();
    });
    $('.show-two').click(function(e){
    e.preventDefault();
    $('.one,.three,.four').hide();
     $('.two').toggle();
    });
    $('.show-three').click(function(e){
    e.preventDefault();
    $('.one,.two,.four').hide();
     $('.three').toggle();
    });
    $('.show-four').click(function(e){
    e.preventDefault();
    $('.one,.two,.three').hide();
     $('.four').toggle();
    });
    });  
})(jQuery);
</script>

Please note the <script> tags in the code.
That is the basic idea, naturally you can style it a lot more with css to add hover effects and padding, border color, etc.

Best regards,
Mike

Hey nvancelvc,
Thank you for your patience, you can do this by changing the Status to draft, you can also use the Bulk Actions to do this to multiple pages at once:

Also, check that the demo “posts” & “products” are changed so they don’t show.

Best regards,
Mike

Hi,
How are you achieving the TOC, it doesn’t look like one of our elements?

Best regards,
Mike

Hi,
Thank you for your patience and for the login, taking a look at the sections on your Offerings and Speaking pages I found two issues:

In the first issue with the color of the link on hover you had this css in your Quick CSS near the top overriding the theme options

I commented it out and removed Rikard’s css and now the “FAQs” links show thge correct color on hover.
For the second issue your text block elements with “Return to Page Overview” links are using a custom font color, the same as you had defined in your theme options

this is not nessary as it was already defined, and by doing so it overrides the theme options for the hover state also, so to correct this please cheange to “default”:

I did this you you in the “Coaching and Mentoring” section to demonstrate, please do this in the rest of the sections if you wish.

Best regards,
Mike

Hey kubera,
Thank you for your patience and for the login, but it is not an admin login so we can’t see any of the settings, your error sounds like you don’t have the PHP ZipArchive Extension activated on your server, you will probably have to ask your webhost to do this for you. You can easily check this by going to WordPress > Dashboard > LayerSlider > Options and click “System Status” and look under “Server Settings”

Best regards,
Mike

Hey langpj,
Thank you for your patience, I’m not sure if Adobe Web Projects is something specific, but you can add any font in the Enfold Theme Options > Import/Export > Custom Font Manager

that is in the ttf, eot, woff, woff2 formats, typically add the fonts to a zip file and upload via the option, if you downloaded a font zip file try extracting the specific font and re-zipping, as some font zip files contain other files and directories that might cause issues. Also, ensure your web server has the PHP ZipArchive Extension enabled as it is needed to extract zip files. You can check this by going to WordPress > Dashboard > LayerSlider > Options and click “System Status” and look under “Server Settings”

Best regards,
Mike

Hi,
Thank you.

Best regards,
Mike

Hi,
The portfolio items element is found at \wp-content\themes\enfold\config-templatebuilder\avia-shortcodes\portfolio\portfolio.php & portfolio.js but that is only for the inner items the page template is found at \wp-content\themes\enfold\archive.php but that is the template for all archive page types. To remove the archive sidebar please see the theme options > sidebar settings:

To modify the lightbox popup you would write some css to target the image with the class .mfp-img with either height or width like this:

img.mfp-img {
  width: 80vw !important;
}

but please note that it is possible to distort the image so you may want to balance the height and width, and you probably will not want to go 100% width because closing the image is often done by cliking away from the image so you will want to leave a edge.

Best regards,
Mike

Hi,
Thank you for the feedback, I did some further testing with gridrows, which are full-width elements, and found that any element that you add between the gridrows creates the div with an ID after_submenu_x, such as the text element and special heading element.
So while the div ID could or should be after_grid_x the div must be present because it is the container_wrap after a fullwidth element, each div after a fullwidth element is structured like this: container_wrap > container > content > etc.

for these the default 50px padding is typically desired so the elements are not on top of each other, if you try a text element or special heading element after a fullwidth element you will see that it is natural to the Enfold layout. So I would not say that this is a bug, but I can see with the Whitespace Separator element this may not be desired because the Whitespace Separator itself is typically used to create a certain space, this is may not true for all Separators because some are used to show a line such as the Short Separator.
So with changing this the issue is that with css there are no parent selectors for child elements, what I mean is that is to look backwards from the Whitespace Separator to the .content class to remove the padding universally across the site would need to be done with javascript. The reason I was able to do it with css above was because I looked for a unique pattern to your situation and recommended using page IDs so not to cause conflicts, basically a custom solution.
As I pointed out above, a solution that would probably be more commonly suggested would be to add a custom class to the Whitespace Separator element for use after full-width elements to remove the padding.
I will submit this to the Dev Team for further review and reply when I hear from them, but for now I recommend that you use the solution above as it seems to be working for you. Let us know if you have any issues getting the solution to work for you on other pages and we will help.

Best regards,
Mike

Hi,
Glad we were able to help, we will close this now. Thank you for using Enfold.

For your information, you can take a look at Enfold documentation here
For any other questions or issues, feel free to start new threads in the Enfold forum and we will gladly try to help you :)

Best regards,
Mike

Hi,
Thanks for your feedback, I don’t do website optimization for a living, and it is a little out of scope for us, I had to look up “LCP” so with “LCP to be <2.5s and CLS <.1" I'm not sure what you are trying to say, but from the web page performance test you are looking better than most 7s sites that I see. I will have to leave the optimization & SEO to someone more knowledgeable.
As for the CSS, the changes I made were in the Quick CSS only, sorry about moving the banner I thought I was helping, I changed the top & height for the class .background-strap

for the logo it was this:

.av_minimal_header #header_main {
    height: 145px;
}

I believe it was 134px before, but the bottom of the buckle didn’t show, you could copy the Quick CSS from your live site to reset your dev site. As for sharing images you can use most any image host, I use this one, and then post the html link into your post.
Also for your hero image, it seems that the only layer to the slider is a button, so that seems like a lot of weight, instead, you could just use the image with the button embedded, so it is all one image, and then link the whole image. This would same you from using the layerslider, I would still make two images for desktop and mobile but that would still be much smaller.

Best regards,
Mike

Hi,
Thank you for your patience and thanks for the link to your site and login, when I checked your site on a Windows desktop there were a few css header, main menu, slider alignment issues, some of which were discussed above, I made a few adjustments in your Quick CSS to correct these, please see the screenshot in the Private Content area.
But it seems that your main concern is a LCP Issue which is that your decktop site is taking longer Than 4s to load, correct?
When I run a web page performance test on your dev site the longest test out of 3 tests is 3.2s, your avg is 2.7s and I don’t see that the slider image is loading last, it is #34 in the test

so I’m not sure what you are worried about, I don’t believe you are in any kind of Google jail, there are many SEO people that will say crazy things, try to not let them get into your head, your customers do not care what your SEO score is, they want to see your product. I hope this helps.

Best regards,
Mike

Hi,
Thank you for your patience but as I understand your request this can be done with an added custom script, basically, you will need to add all of the elements to your page and the script will hide some of the elements on page load, then when your button is clicked the script will show the hidden elements. Please see this post for a detailed example.
If you need further help to achieve this on your site then please create a test page on your site and create a new thread and include a recap, and a WordPress admin access in the Private Content area. Since this is not your thread posting your login here will not be private and you will not see anything we write in the Private Content area.
You can post a link to your new thread here so I can find it easier.

Best regards,
Mike

Hi,
Glad to hear that you have this sorted out, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

For your information, you can take a look at Enfold documentation here

Best regards,
Mike