Hi CW,

Instead of using http://yoursite.com/#contact try using this #contact on your menu link?
Maybe this will help, also since your using a one page website that should help better.

Best regards,
Nikko

Hi grafixstudio,

Of course we do want to help you however, I’m having a hard time finding the issue on my end, that’s why I also sent a screenshot.
I have misunderstood the issue you have, but I understood it now, since the issue will be shown if you clicked on the arrow above it thus it moves to the section on the screenshot and doesn’t show as aligned vertically.
Can you give us ftp access? I think it can be fixed by overriding avia.js and making some tweaks.

Best regards,
Nikko

Hi madmanbean,

Glad that we could help :)
Feel free to comeback if you need further assistance.
Thanks for using Enfold and have a great day!
Happy Thanksgiving Day :)

Best regards,
Nikko

Hi ilkerkabadayi,

Since I can confirm that it causes some conflict with Avia Layout Builder, I will say you can’t add it there since just adding that script prevents ALB from loading properly.
The only way I could think of is through widgets which can also act as a codeblock, without having the js code on the same page as the ALB.

Best regards,
Nikko

Hi adiwarsaw,

Glad that we could help.
Feel free to comeback if you need further assistance.
Thanks for using Enfold and have a great day!

Best regards,
Nikko

Hey adiwarsaw,

Thanks for giving us admin access, I have removed those 1/5 columns.
Then created 6 1/3 columns, each with this class: av-six-columns, however for the first one I gave it this class: av-six-columns av-six-columns-first
In you Quick CSS in Enfold > General Styling I placed this code (above the media query):

#top #wrap_all .flex_column.av-six-columns {
    width: 15%;
    margin-left: 2%;
    margin-top: 0;
    margin-bottom: 20px;
    clear: none;
}

#top #wrap_all .flex_column.av-six-columns-first {
    margin-left: 0;
}

Let us know if you need further assistance.

Best regards,
Nikko

Hi kenwcmg,

z-index is basically a technical term, which is used in css: https://www.w3schools.com/cssref/pr_pos_z-index.asp
You can think of it as a layer, the layer which gets a higher z-index it’s added on the front/foreground, the lower the number then it’s positioned at the background.
Can you try to change the z-index of the code Vinay gave from 999 to 980, so it’s:

#main .title_container {    
    z-index: 980;
    margin-top: -12px;
    border: none;
    background: transparent;
}

Then add more z-index to the header, so you need to add this code also:

#top #header_main {
    z-index: 990;
}

Hope this helps.

Best regards,
Nikko

Hi Munford,

Try checking out this thread: https://kriesi.at/support/topic/envato-private-token-doesnt-work/#post-1023876
Most people said this works.

Best regards,
Nikko

Hi NoraGTS,

I think it’s because it’s there but not displayed and adds to the height at the initial loading of the site which causes the inaccurate position.
As for the arrows, try adding this code in Quick CSS (located in Enfold > General Styling):

#top.home .mfp-arrow {
    display: none;
}

if that doesn’t work use this:

#top.home .mfp-arrow {
    display: none !important;
}

Best regards,
Nikko

Hi P3T3R_0ne,

1. I see what you mean, it does change the in that sense, because those numbers for example #av_section_1 depends on their order from top to bottom, for example if you created a Color Section on top of #av_section_1 then that becomes the new #av_section_1, while what was #av_section_1 becomes #av_section_2. You can basically use these selectors if you’re sure that the order is final, however if you need move elements and change their order, I would suggest using Custom Css Classes. To give an example I added leaf-icon on the Custom Css Class of your leaf icon, then I have replaced your css code in Quick CSS from:

#av_section_1 > div > main > div > div > div.flex_column.av_one_third.av-animated-generic.pop-up.flex_column_div.av-zero-column-padding.avia-link-column.avia-link-column-hover.first.avia-builder-el-3.el_after_av_image.el_before_av_one_third.avia_start_animation.avia_start_delayed_animation > span > span {
  position: relative;
  left: 34px;
}

to:

#top .leaf-icon  {
  position: relative;
  left: 34px;
}

The issue also with the code you previously used is that if on other pages it will have the same layout with different icon, that css will also apply.

The best way to code in Enfold is to use Custom Css Classes then use this selector:

#top .my-custom-class {

}

if it is still overridden then try using this instead:

#top #wrap_all .my-custom-class {

}

Hope this helps.

Best regards,
Nikko

Hi NoraGTS,

/#vision is okay since it will base on the root of your site, but using just #vision only works on the same page but not on other pages.
I have added a test page with a button which links to another test page which is based on your homepage but I removed your mobile slider on that test page (links in private content), I tested it and it worked properly, I think the calculation on the position of your section becomes inaccurate because of the mobile slider.

1. I think preloader is necessary since you have a lot of things in the homepage which takes some time for some elements to load, but if you don’t think it’s good idea then you can remove it since it’s really just optional.
2. I think you can still install however we can’t really tell you what caching plugin would work properly on your end, since it also depends on the hosts settings and configuration, the plugins we recommend are what we tested that works well especially on the demo, however there are also some people who complains that this caching plugin doesn’t work for me, but this one works well, maybe some trial and testing would be needed on what works well on your site.
3. Where is this applied? I tried to check on the page with an ID for 3153 and it is trashed. Try to replace .page-id-3153 to #top maybe this will help.
4. You can try some of the stuff mentioned in this post which is for optimization: https://kriesi.at/archives/scoring-100-100-in-google-pagespeed-insights-gtmetrix-pagespeed-and-yslow

Best regards,
Nikko

Hi Sander,

You have this code which causes this issue.
There are 2 options you can do, you can either remove this code that you have:

#footer img {
    max-width: 50% !important;
}

or if it’s important code for you, then just add this css code as well:

#footer .avia_google_maps img {
    max-width: 100% !important;
}

Hope it helps.

Best regards,
Nikko

Hi TScursso,

Glad that we could help. :)
Feel free to comeback if you need further assistance.
Thanks for using Enfold and have a great day!

Best regards,
Nikko

Hey Killick,

Please post us your login credentials (in the “private data” field), so we can take a look at your backend.

1. Install and activate ” Temporary Login Without Password “.
2. Go to ” Users > Temporary Logins ” on the left-side menu.
3. Click ” Create New “.
4. Add the email address for the account ( you can use (Email address hidden if logged out) ), as well as the ” Role ” making that the highest possible and the expiry about four days
   ( do be sure that we have enough time to debug ).
5. Click ” Submit “.
6. You’ll now have a temporary account. Please provide us here in the private section the URL, so we can login and help you out.

When your issue is fixed, you can always remove the plugin!
If you prefer to not use the plugin, you can manually create a admin user and post the login credentials in the “private data” field.

Best regards,
Nikko

Hey CS,

We would be glad to help you with this customization, but at the moment there is no easy way to do this by using a small custom code snippet, so I am afraid it’s out of the scope of our support.

But please feel free to request such feature at our feature request system: https://kriesi.at/support/enfold-feature-requests/
This system allows us to keep track of user suggestions and lets you vote on the feature you would like to see the most. I am afraid though there is no guarantee that a feature will get implemented.

You may also check our documentation on how to add Elements to ALB: https://kriesi.at/documentation/enfold/intro-to-advanced-layout-builder/#add-elements-to-alb
You can try creating your own masonry gallery by copying masonry gallery from Enfold and modify it.

Best regards,
Nikko