Thanks for your help on this.

On my contact page, the share icons have the Teams icon as no1
If I wanted the Teams icon to be no 4, do I need to change the CSS supplied by Nikko to below?

eg.

#top .av-share-box ul {
display: flex;
gap: 12px;
}

#top .av-share-box ul li {
display: block;
}

#top .av-share-box ul .av-social-link-linkedin {
order: 1;
}

#top .av-share-box ul .av-social-link-instagram {
order: 2;
}

#top .av-share-box ul .av-social-link-facebook {
order: 3;
}
#top .av-share-box ul .av-social-link-teams {
order: 4;
}

Hi,

I added the Icon as a custom icon within fontello.

As per my earlier message in the support topic, I am not that knowledgeable on code, so still unsure what is required?
Is the code you suggested ok for the current fontello Icon I have?

Please confirm.

Thanks

Hi

Could you come back to me on this
OR
Is there a simple solution to have 4 x icons in circles on the same row within a 1/3 column?

Thanks

Hi Mike,

Thanks for this.

My coding knowledge is limited and I do not run a child theme.

If I am adding the Teams logo, is the CSS below correct?
Then I add the Teams logo in > Enfold > Social Profiles

Please advise.

Thanks

********

function avia_add_custom_icon($icons) {
$icons[‘teams’] = array( ‘font’ =>’fontello’, ‘icon’ => ‘ue800’);
return $icons;
}
add_filter(‘avf_default_icons’,’avia_add_custom_icon’, 10, 1);

function avia_add_custom_social_icon($icons) {
$icons[‘Teams’] = ‘teams’;
return $icons;
}
add_filter(‘avf_social_icons_options’,’avia_add_custom_social_icon’, 10, 1);
add_filter(‘avia_social_share_link_arguments’, ‘avia_add_social_share_link_arguments’, 10, 1);
function avia_add_social_share_link_arguments($args){
$teams = array(‘teams’ => array(“encode”=>true, “encode_urls”=>false, “pattern” => “https://www.microsoft.com/en-gb/microsoft-teams/group-chat-software/”, ‘label’ => __(“Share on Teams”,’avia_framework’)));
$args = array_merge($teams, $args);
return $args;
}

Thanks that has worked.

Mobile issue – Special Heading on top of banner image
The special heading that sits on the banner is displaying right at the top on mobile view. It should be lower down as per desktop view.

Can you advise please.

Thanks

See private

Thanks

Thanks

Is there any CSS to put the Caption text above the caption title on the full width easy slider?
The default is for it to run below.

Thanks

Thanks, that worked, although the social icons now have a larger space between them.

I seem to have found the mega menu column etc.

How do you change the width of the mega menu/mega menu column, so there is less white space on desktop etc?

Thanks

Thanks

I am not running a child theme.

Is there another solution?

Thanks

Thanks both,

This has been really helpful.

Thanks for that,
Adding functions code – would this be lost if the theme was updated.

Could you advise on this:

3/
Your advise:
For the cell padding click the mobile icon and ensure it is empty

I have done the above but it has not changed the display of the body text on mobile – it still looks narrow.

4/ Adding a Microsoft Team logo in the header along side the social icons.
Is there an easy way to do this? Or it it bespoke?
My concern is that the Teams logo wouldn’t display the same and would it go from Blue to White on transparent header.

Thanks

Hi,

Could you come back on my request for help a few days ago.

Thanks
Marcus

Hi,

Following on from my initial query, I have since updated the enfold theme to the latest version 5.5 and this has fixed.

Do you recommend that themes are set to auto-update on cPanel Or is this dangerous and should they always be done manually?

Thanks

OK thanks,

If I activate Child theme, does it automatically pull in any header.php script that was added in the main Enfold Theme prior to the Child Theme?

Thanks
Marcus