Hey markvanhaze,

Sure we will help you find the class names associated with the page elements. To find the class name of an element simply right click on it (in this case the menu item) and select inspect. The developer tool will open and some html tags will be displayed. It will look similar to the screenshot below. To find the menu ID check the class name in the list.

Best regards,
Vinay

Hi,

We added the below code to Quick CSS

.icon-box-height {
	border-radius: 4px!important;
	 box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.3);
}
.icon-box-height .iconbox,
.icon-box-height .iconbox_top,
.icon-box-height .iconbox_content {
	margin-top: -1px!important;
	border: 0!important;
	background:transparent!important;
        box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0)!important;
}

and enabled custom css class name support http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/

To setup equal height icon box just add the class name “icon-box-height” to the column element inside which the icon box is placed and set the background color for the column element..

Please review the test page and let us know if you have any questions.

Best regards,
Vinay

Hi,

1.It’s not clear what is the issue with the alignment? Please share the end result you are trying to achieve so we can suggest the right steps. However from seeing your mockup it appears you are using a grid row. Please try using 1/2 or 1/3 columns and add your content in a text block inside the column elements.

2. After adding the background image to the colorsection please select the stretch to fit option and refresh the page a few time to see the changes that will suit your design :)

3. Select boxed layout in Enfold > General Layout > Layout

Add the below code to make the header full width:

#header_main {
    min-width: 100vw;
    background: white;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}

4. Which icons are you refering to? Yes the icons added from fontello will be mostly black & white.

5. Select the dimension as 980px in Enfold > General Layout > Dimension

Best regards,
Vinay

Hi,

Thank you for the kind words.

1. Glad it works!

2. In the theme options Enfold > Header > Extra Elements > Header Social Icons > select Top bar right.

If that does not work keep the social icons in main header active and try adding this at the very end of your themes / child themes functions.php file:

function mobile_menu_social_icons(){
?>
<script>
jQuery(document).ready(function(){
  var htmlString = jQuery('.social_bookmarks').html(),
  mobileMenu = jQuery('#mobile-advanced'),
  desktopMenu = jQuery('.av-main-nav');
  mobileMenu.prepend('<ul class="noLightbox social_bookmarks">' + htmlString + '</ul>');
  desktopMenu.prepend('<ul class="noLightbox social_bookmarks">' + htmlString + '</ul>');
  console.log('<ul class="noLightbox social_bookmarks">' + htmlString + '</ul>');
});
</script>
<?php
}
add_action('wp_head', 'mobile_menu_social_icons');

3. To fix the search icon hover state :

#menu-item-search a {
	padding-right: 15px!important;
}

If you still have any issue please let us know and we might have to take a closer look at the settings so Please post us your login credentials (in the “private data” field), so we can take a look at your backend.

Login credentials include:

• The URL to the login screen.
• A valid username (with full administration capabilities).
• As well as a password for that username.
• permission to deactivate plugins if necessary.

Best regards,
Vinay

Hi,

The plugin Yigit suggested is one of the easiest and tested solution.
The reason it is not working for you may be a conflict or the plugin is not activated or there are some settings you need to check.
Please refer to the plugin documentation https://wordpress.org/plugins/hide-youtube-related-videos/installation/

If you still have an issue with this we would be interested to know what the plugin author has to say about it.

Best regards,
Vinay

• This reply was modified 9 years, 3 months ago by Vinay.

Hey jeffersonh,

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

#scroll-top-link {
	display:block!important;
}

Best regards,
Vinay

Hey bleuvert,

To make equal colum icon box.

1. Add the icon box inside the grid element of your choice.

2. In the setting for the first grid elements select Equal height.

Best regards,
Vinay

Hi,

As I understand for some reason the contents of the second section is pushed under the first section’s background image. We tried to correct this but it appears there may be a html tag that is not closed correctly white adding the content which might be causing the conflict. Please check for any such issues.

At the moment only the temporary fix works on the page with the overlapping issue.

We created a test page (link in private) and tested the same layout in my android phone. It looks good on my end please check the same on your end and add your elements or re-create the page should resolve this issue for you :)

Best regards,
Vinay

• This reply was modified 9 years, 3 months ago by Vinay.

Hey ThoNeumann,

Thank you for contacting us.

While adding custom jQuery code to wordpress functions.php the “$” sign should be replaced with word “jQuery”.

Your code should look like:

function add_custom_script1(){
?>
<script>
(function($){
jQuery(window).load(function() {
jQuery(‘.terminus a’).on(‘click’, function() {
ga(‘send’, ‘event’, ‘Button’, ‘click’, ‘Termin vereinbaren’);
});
})(jQuery);
</script>
<?php
}
add_action(‘wp_footer’, ‘add_custom_script1’);

Try the above code and let us know if you have any issues.

Best regards,
Vinay

• This reply was modified 9 years, 3 months ago by Vinay.

Hey Mickyhood,

Thank you for reaching out to us, please elaborate what is the exact issue ?

If you are experiencing an error message such as “Oops something went wrong” that is because Google services like the map feature is now constrained to work with an API key. It is easy to get the Google API key please refer to this link

If you already created an API key please delete all old API key’s from google account to avoid a conflict.

While setting up the API key make sure to add * before and after the domain name without http, www or https in the URL.

Example *.kriesi.at/*

Add your API key in the theme options Enfold > Google Services

Best regards,
Vinay

Hi,

If you like to use the stretched layout and make the content area look like a boxed layout and add a background image please use the below css

@media only screen and (min-width: 768px){
.html_header_top.html_header_sticky #top #wrap_all #main {
    max-width: 70vw!important;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}}
.wrap_all {
	background: url(/wp-content/uploads/2013/08/main-bg_tile.jpg) #F5F5F5;
	background-size: cover;
	background-position: fixed;
}

PLEASE NOTE: Since slider is inside the main content area it might appear to be inside boxed layout as well.

In your case I think you should use 2 colorsection elements one to add your slider and the other below it to add content and background image to it. This is the easiest way to achieve what you are looking for.

Best regards,
Vinay

• This reply was modified 9 years, 3 months ago by Vinay.

Hey aitormzn,

Please elaborate what exactly is the issue with typography on the site?
Would you mind providing a precise link to your site, showing the elements in question? We need to be able to inspect them in order to help :)

Best regards,
Vinay

Hey eKMUch,

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

.av-main-nav-wrap ul {
    float: right;
}

2. To display social icon next to main menu go to Enfold > Header > Extra Elements > Header Social Icons > Display in main header area.

3. use the below css code to fix search icon on hover.

#menu-item-search a {
	padding-right: 15px;
}

Best regards,
Vinay

Hey Theodor,

If you have WP installed in xxx.nl/wp/
What is installed in xxx.nl/wp/viceversa/ ?

There might be some corrupted files, so please delete all theme files completely via FTP, before installing a fresh copy from your themeforest account. Here is a short tutorial on how to install the theme via FTP, in case you are not sure how that works:

Upload wp and theme files to xxx.nl/wp/viceversa/

xxx.nl/wp/viceversa/ – This folder will have all the wp files
xxx.nl/wp/viceversa/wp-content/themes/enfold – This folder will have the theme files.

Let us know if you have any questions.

Best regards,
Vinay

Hey GuyMVI,

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

/* Show mobile menu */
@media only screen and (max-width: 1024px) {
nav.main_menu {display:none !important;}
#advanced_menu_toggle, #advanced_menu_hide {display:block !important; }

/* switch logo and menu position */
.container #advanced_menu_toggle, #advanced_menu_hide {
    position: absolute;
    right: 0;
}
.responsive .logo img {
    float: left;
}
.responsive #top .logo {
    width: 100%!important;
}
}

Best regards,
Vinay