Hi,

The Social icons are center aligned by default. however, it scales the entire width of the parent container.

If you like to set a custom width to the social icons and center align the elements please use the below CSS

/* Remove icon border */
#top .av-social-sharing-box .av-share-box ul li {    
    border-left-style: none;    
    display: inline-block;
    vertical-align: middle!important;
}

/* Icon style */
#top .av-social-sharing-box .av-share-link a {
   margin: 0 10px 0 0; 
   width: 50px!important;
   height: 50px!important;
   border-radius: 30px!important;
}

For more code snippets and styles please check https://kriesi.at/documentation/enfold/social-share-buttons/

Best regards,
Vinay

Hi,

The CSS Merging was enabled in Enfold > Performance tab. This will cache the CSS files so you were not able to view the changes. Whenever you add any CSS or JS please disable this option and refresh the page a few times to view changes.

I also adjusted the code to below :

#top #header.header-scrolled #header_main {
	background: #88bbc8;
}

Best regards,
Vinay

Hey yohanna16,

Please avoid creating duplicate tickets, it will take a lot of time to answer both tickets and difficult to follow up. We are closing this ticket so we can continue providing support on the other ticket.

Best regards,
Vinay

Hey Claudio,

To set the transparent header as a default header please check this ticket https://kriesi.at/support/topic/header-visibilty-option-transparent-header-as-standard-for-new-pages/#post-651613

Let us know if you have any questions :)

Best regards,
Vinay

Hey Papergena,

Please check the documentation https://kriesi.at/documentation/enfold/menu/

1. Main menu > Main menu sub-text
2. Please set the icon size and copy the shortcode to the menu label https://kriesi.at/documentation/enfold/menu/#add-icons-to-menu-item
3. Please elaborate with a link to the page which element color are you trying to change?
4. To center the logo in mobile please add the below CSS

@media only screen and (max-width: 767px) {
.responsive .logo a {
display: inline-block;
vertical-align: middle;
}

.responsive .logo {
position: relative;
display: block;
width: 100%;
text-align: center;
}
}

After you add the code to view changes please clear the browser cache:

1. Disable “merging and compression” for CSS and JS files from Enfold > Performance.
2. If a caching plugin is installed check the plugin settings and clear the cache and deactivate the plugins for testing purpose.
3. Hard refresh by pressing Ctrl + Shift + F5 on your browser or press the F12 key to open chrome dev tools and right click on the refresh button and select “Empty Cache and Hard Reload”.

Best regards,
Vinay

Hi,

@Guenni007 thanks for helping again :)

Please try adding multiple color sections for a continuous parallax effect.

Best regards,
Vinay

Hey Roger,

I added a private test page and checked your script but it’s not working for me as you can see in the below screenshot

Please create a private test page and provide a working link so we can have a look at it and let you know what best we can do for you.

Best regards,
Vinay

Hi,

Thank you for your understanding.

Don’t forget to bookmark Enfold Documentation for future reference.

If you have a new issue please open a different ticket, thank you for using Enfold :)

Best regards,
Vinay

Hi,

Glad this is sorted for you!

Don’t forget to bookmark Enfold Documentation for future reference.

Thank you for using Enfold :)

Best regards,
Vinay

Hey yohanna16,

For testing purpose, I created a private test page to check the contact form. It did not work for me either.
Please try the steps mentioned in the below links

If you still have any issue let us know if we have the permission to deactivate all plugins for testing purpose.

Have you spoken to your hosting provider regarding the same issue? Your email server is something that is handled by the hosting company.

Best regards,
Vinay

Hey hypnorich,

I checked your site and did not notice the issue you mentioned. The burger menu triggers at 767px

To change the burger menu icon color please check https://kriesi.at/documentation/enfold/menu/#burgermobile-menu

The only other issue I noticed is that the desktop menu overlaps the logo. To fix this issue please check https://kriesi.at/documentation/enfold/menu/#menu-overlaps-logo

Best regards,
Vinay

Hi,

The top bar font is already at the max bold supported by the font family.

You can try the below CSS to make it darker.

/* Top Bar phone info */
#top #header_meta .phone-info {
	font-weight: bolder;
	color: #000;
}

Please perform the below steps to clear the browser cache and view the changes:

1. Disable “merging and compression” for CSS and JS files from Enfold > Performance.
2. If a caching plugin is installed check the plugin settings and clear the cache and deactivate the plugins for testing purpose.
3. Hard refresh by pressing Ctrl + Shift + F5 on your browser or press the F12 key to open chrome dev tools and right click on the refresh button and select “Empty Cache and Hard Reload”.

I checked your company page and the separators appear in the same line. If you have any issue please open a new ticket for different issues.

Best regards,
Vinay

Hey opvab,

Add your shortcode to a page and hide the header and footer from the page options.

Link the page to the image with “?iframe=true” at the end of the page URL to open it in a lightbox

For more info please check https://kriesi.at/documentation/enfold/button/#button-usage (Works the same for an image).

Best regards,
Vinay

Hi,

Please disable js merging from Enfold > Performance tab and then install the code in the below link in your child theme functions.php

Best regards,
Vinay

Hi,

Were you able to figure this out? I see the social icons centred on the footer.

Let us know if you need any further assistance.

Best regards,
Vinay