Hey!

Thank you for getting back to us. At the moment there seem to be an issue with the icon import and I have informed the dev’s.
It’s required to only add Icons that are not available in the theme already. Please try the above code and it should work.

To get the icon unicode please select the icons on fontello.com which are already in the theme and check the customize tab to get the unicode which you can then enter it in the css code.

Let us know if you need any help, we are happy to help :)

Regards,
Vinay

Hey Perry,

Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

#top #header_main, #top #header_main > .container, .av-main-nav > li  {
	max-height: 90px!important;
	overflow: visible;
}
.logo {
    min-height: 150px;
}
#main {
  	padding-top:90px!important;
}
.av-main-nav > li > a {
	line-height: 90px!important;
}

Best regards,
Vinay

Hey Isabelle Garcia,

Thank you for reaching out to us. I have notified Kriesi about your offer please await his reply if interested he will get in touch with you.

Best regards,
Vinay

Hey Pas7o,

To add custom icons to the main menu please check the below info :

1. Go to http://fontello.com/ select the icons you like to add.
IMPORTANT: Give the icon set a custom name can be anything like “yalp” this options is right next to the download button.

2. Go to customize code tab to get the icon unicodes.

3. The below code the nth-child(x) is the menu item number and content:”\EXXX” is the icon unicode.

#avia-menu  > li:nth-child(1) > a .avia-menu-text:before {
	content:'\E897';
}

Repeat this block of code for each menu item by changing x to menu item numbers in the nth-child(x)

4. Add this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

/* Adjust distance between menu items */
#avia-menu  > li {
padding:0 10px 0 5px;
}
/* Icon font family */
#avia-menu  > li > a .avia-menu-text:before {
font-family: 'entypo-fontello';
position: absolute;
left: 0;
}
/* Icons */
#avia-menu  > li:nth-child(1) > a .avia-menu-text:before {
	content:'\E800';
}
#avia-menu  > li:nth-child(2) > a .avia-menu-text:before {
	content:'\E832';
}
#avia-menu  > li:nth-child(3) > a .avia-menu-text:before {
	content:'\E897';
}

Best regards,
Vinay

Hi,

I tried to troubleshoot this issue but the login credentials you provided do not work for me. You can easily edit this from Dashboard > Enfold > Advanced Styling > Select menu item from the dropdown list. (NOTE: This will work perfectly fine if there is no code added to modify the menu items).

If for some reason you have trouble with it please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

/* Submenu color*/
.av-main-nav ul li a {
	color: #000 !important;
}
/* Submenu color on hover*/
.av-main-nav ul li a:hover {
	color: #000 !important;
}

Best regards,
Vinay

• This reply was modified 8 years, 11 months ago by Vinay.

Hey Kali,

Please use a color section and add the background image in the color section background options. You can then easily add content inside the color section element.

Best regards,
Vinay

Hey jellyfish007,

It’s not clear what you are trying to achieve please upload a screenshot/mockup to imgur.com and share the link here so we can help you better :)

Best regards,
Vinay

Hi,

Please update the theme to the latest version 3.8.5. That should fix any issues you are currently experiencing :)

To update to the latest version follow the simple instructions here. (Or if you want the super detailed explanation you can read this blog post)

Best regards,
Vinay

Hey marcgaudet,

Steps to install the theme:

1. Download a fresh package of the theme from themeforest.
2. Extract the downloaded zip package and you will find enfold.zip file inside it.
3. Upload the enfold.zip from Appearance > Themes > Upload theme

Let us know if you have any questions, we are happy to help!

Best regards,
Vinay

Hey metamorfic,

Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

@media only screen and (max-width:767px) {
#menu-item-529 a {
	border-left:none!important;
}}

Best regards,
Vinay

Hi,

To display the html code on the frontend please select “Escape HTML Code” in code block element options.

Please enable debug mode by adding the code provided in this link to your functions.php file http://kriesi.at/documentation/enfold/enable-advanced-layout-builder-debug/

This let’s you view the shortcode for all the page elements.

Best regards,
Vinay

Hey vonweiler,

I checked your site, the logo and menu looks perfectly centered.

Please let us knwo if you have more questions, we are happy to help :)

Best regards,
Vinay

Hi,

Choosing automatic will use the browser window size to accommodate the number of thumbnails. It would require a lot of modification to show 3 columns in all screens while choosing automatic hence we recommend hiring a freelancer to do this job.

If you like to always have 3 columns please use the masonry settings and set the number of columns to 3.

Best regards,
Vinay

Hi,

Please check the links in private for a video guide to replace the theme files manually.

Let us know if you have more questions, we are happy to help :)

Best regards,
Vinay

Hey!

1. To remove the active menu indicator please go to Enfold > Header > Header Layout > Header Style and choose minimal.

2. Not sure what you trying to achieve. I’m assuming you like to make the menu same width as the picture? in that case please adjust the max-width value in the code provided earlier.

#header #header_main_alternate .container{
    width: 100%!important;
max-width:1220px;
...
...

Cheers!
Vinay

• This reply was modified 8 years, 11 months ago by Vinay.