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 under Enfold sub forum and we will gladly try to help you :)

Best regards,
Mike

Hi,
Glad to see that you were able to get it working, to correct the color and font size please try this css:

.header_color .main_menu ul:first-child > li.menu-item-824 > a {
color: #fff !important;
font-size: 16px !important;
}
.header_color .main_menu ul:first-child > li.menu-item-822 > a {
color: #fff !important;
font-size: 16px !important;
}

please adjust the size to suit.
To adjust the location of the menu item in the menu for different screen sizes please try the following css. Please remove the other css so this will work correctly.
ENG:

@media only screen and (max-width: 476px) {
.av-burger-overlay-active li#menu-item-822.menu-item-822 {
    margin-left: -230px !important; 
    display: block !important;
    color: #fff !important;
    animation: fadein 10s;
}
@keyframes fadein{
    0% { opacity:0; }
    66% { opacity:0; }
    100% { opacity:1; }
}
}
@media only screen and (min-width: 477px) and (max-width: 770px) {
.av-burger-overlay-active li#menu-item-822.menu-item-822 {
    margin-left: -200px !important; 
    display: block !important;
    color: #fff !important;
    animation: fadein 10s;
}
@keyframes fadein{
    0% { opacity:0; }
    66% { opacity:0; }
    100% { opacity:1; }
}
}
@media only screen and (min-width: 771px) {
.av-burger-overlay-active li#menu-item-822.menu-item-822 {
    margin-left: -180px !important; 
    display: block !important;
    color: #fff !important;
    animation: fadein 10s;
}
@keyframes fadein{
    0% { opacity:0; }
    66% { opacity:0; }
    100% { opacity:1; }
}
}

ITA:

@media only screen and (max-width: 476px) {
.av-burger-overlay-active li#menu-item-824.menu-item-824 {
    margin-left: -230px !important; 
    display: block !important;
    color: #fff !important;
    animation: fadein 10s;
}
@keyframes fadein{
    0% { opacity:0; }
    66% { opacity:0; }
    100% { opacity:1; }
}
}
@media only screen and (min-width: 477px) and (max-width: 770px) {
.av-burger-overlay-active li#menu-item-824.menu-item-824 {
    margin-left: -200px !important; 
    display: block !important;
    color: #fff !important;
    animation: fadein 10s;
}
@keyframes fadein{
    0% { opacity:0; }
    66% { opacity:0; }
    100% { opacity:1; }
}
}
@media only screen and (min-width: 771px) {
.av-burger-overlay-active li#menu-item-824.menu-item-824 {
    margin-left: -180px !important; 
    display: block !important;
    color: #fff !important;
    animation: fadein 10s;
}
@keyframes fadein{
    0% { opacity:0; }
    66% { opacity:0; }
    100% { opacity:1; }
}
}

Best regards,
Mike

Hey WP Turned,
I have taken a look at your page and found that the reason your slider button is not working below 768px is because you have it pointing to the ID “#why-we-are-different” and you have the ID twice on the same page. So it points to the first of the two, and below 768px the first one is hidden. To correct this try creating a second button, so each have a unique ID, and then hide the button & element based on screen size. Or you could try using some JS to change the ID the botton points to based on screen size.

As for how your background looks on your iPhone, are you saying that the error shows on both Chrome and Safari on your iPhone?
I only have a Android, and the error doesn’t occur on Chrome or Firefox on the Android, Please see the screenshot in Private Content area. This seems to be a known iOS issue, please see this article for a solution: [Solved] Full Page Backgrounds on iOS (background-size: cover)
Otherwise I will ask the team to look at your issue with a iPhone to assist.

Best regards,
Mike

• This reply was modified 7 years, 5 months ago by Mike. Reason: found a possible solution on CSS Tricks

Hey kjwaggz,
Please try this code in the General Styling > Quick CSS field:

@media only screen and (max-width: 767px) { 
.phone-info a, .phone-info {
color: #000 !important;
}
.html_av-overlay-side #top #wrap_all .av-burger-overlay-scroll #av-burger-menu-ul a {
color: #000 !important;
}
.html_av-overlay-side-classic #top .av-burger-overlay li li .avia-bullet, .html_av-overlay-side.av-burger-overlay-active #top .av-hamburger-inner, .html_av-overlay-side.av-burger-overlay-active #top .av-hamburger-inner::before, .html_av-overlay-side.av-burger-overlay-active #top .av-hamburger-inner::after {
background-color: #000 !important; 
}
}

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 under Enfold sub forum and we will gladly try to help you :)

Best regards,
Mike

Hi,
I have included the icon set in the Private Content area, please try uploading via the Enfold Theme Options > Import/Export > Iconfont Manager

Best regards,
Mike

Hey brandesigns,
Please update the theme via FTP, look for the “enfold” folder at /wp-content/themes/enfold/ and rename to “enfold-old” then upload the new version as the folder “enfold”
Please don’t try to overwrite the theme folder, as this will leave old files behind and cause errors.
Once you have cleared your browser cache and tested that your site is working correctly, you can delete the old folder “enfold-old”.
If for some reason you want to go back to the old version, simply remove the new folder and change the name of “enfold-old” back to “enfold”

Best regards,
Mike

Hi,
This is the error you are getting:

ls-admin-tinymce.js?wp-mce-4800-20180716:43 Uncaught ReferenceError: LS_MCE_l10n is not defined
    at t.(/wp-admin/anonymous function).t.(anonymous function).init (/wp-content/themes/tetra/config-layerslider/LayerSlider/static/admin/js/ls-admin-tinymce.js?wp-mce-4800-20180716:43:13)
    at dx (wp-tinymce.php?c=1&ver=4800-20180716:3)
    at Array.<anonymous> (wp-tinymce.php?c=1&ver=4800-20180716:3)
    at Object.qt [as each] (wp-tinymce.php?c=1&ver=4800-20180716:3)
    at vx (wp-tinymce.php?c=1&ver=4800-20180716:3)
    at Hx.<anonymous> (wp-tinymce.php?c=1&ver=4800-20180716:3)
    at Array.<anonymous> (wp-tinymce.php?c=1&ver=4800-20180716:3)
    at qt (wp-tinymce.php?c=1&ver=4800-20180716:3)
    at s (wp-tinymce.php?c=1&ver=4800-20180716:3)
    at n (wp-tinymce.php?c=1&ver=4800-20180716:3)
    at HTMLScriptElement.u (wp-tinymce.php?c=1&ver=4800-20180716:3)

It looks like it is a tinymce.js conflict from layerslider, but errors can sometimes be misleading.
Try disabling your plugins. If that resolves the issue, reactivate each one individually until you find the cause.
I searched for this error and found this post
It also seems Gravity Forms has had many issues

Best regards,
Mike

Hi,
Please try this code in the General Styling > Quick CSS field:

#top #header .av-main-nav > li#menu-item-3927:hover > a .avia-menu-text {
color: #fff !important;
}

It only targets the “shop” button and makes the on-hover text white.

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 under Enfold sub forum and we will gladly try to help you :)

Best regards,
Mike

Hi,
To replace the default enfold image logo with your text logo please try this solution

Best regards,
Mike

Hi,
Thank you for the updated login, I was able to add the function to your functions.php for most of your first two requests, but this technique is not the best option, and doesn’t work for every word on your site.
I see in your WordPress > Settings > General > Site Language you are using “Spanish of Colombia” which doesn’t seem to be complete, like “Spanish” is. Sorry for not knowing, but is there a difference between the two?
Perhaps you would have better control and results if you use a plugin like Polylang to translate your site. Here is a video on how to set it up: https://youtu.be/YpFdmzWCFRc
Or another option is to edit the translation file directly, please see this post on how to do so.

Best regards,
Mike

Hi,

@obimedia2 I see you are using version 4.3.2, on my localhost version 4.4.1 the menu closes when clicking on the activate page mobile menu item.
Please try updating your theme.
Please note that if you update via FTP, you will need to remove the old theme folder “enfold” first then upload the new “enfold” folder at /wp-content/themes/enfold/
Please don’t try to overwrite the theme folder, as this will leave old files behind and cause errors.

Best regards,
Mike

Hi,
Thank you for the login, your title settings are controlled by Yoast, please go to your homepage and edit the title in the SEO box below your content. Please see the screenshot in Private Content area.

Best regards,
Mike

Hi,
Glad we could help, we recommend using the merging options after you have finished building your site, the same for caching plugins.
These are great for making your site faster, but while designing, they can be tiring because you (anyone) won’t be sure if the new css is written wrong, or if the cache isn’t clear.
It’s best to use only one cache plugin, and it won’t need to minify css or js if you use the built-in merging.
You may find using the Enfold Theme Options > General Styling > Quick CSS field to be handy while testing new css, and then move it to your child theme style.css when your happy with it’s results.
Unless there is anything else we can assist with on this issue, shall we close this then?

Best regards,
Mike