Thanks, Yigit. It works!

Thanks, that snippet got rid of the bullet point arrows but the menu item (li#menu-item-334) still have a margin-left: 15% added to it.
I need this margin in the desktop browser but not in the mobile browser.

How to achieve this goal?

Thanks, Josue. It works.

• This reply was modified 10 years ago by nigellim68.

Thanks, Yigit.

I followed the link you provided to add a custom icon using the following codes in the functions file:
*
* Peter added the following to
* Allow custom social icons and text to
* Sockets area
*/
function avia_add_custom_icon($icons) {
$icons[‘yoshome’] = array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘u2302’);
return $icons;
}
add_filter(‘avf_default_icons’,’avia_add_custom_icon’, 10, 1);

function avia_add_custom_social_icon($icons) {
$icons[‘yoshome’] = ‘yoshome’;
return $icons;
}
add_filter(‘avf_social_icons_options’,’avia_add_custom_social_icon’, 10, 1);

My aim is to create a HOME icon but it is not showing in the Social Profile section of ENFOLD Customization Page

Thank you.

1. How do I add some left space to the SOCKET TEXT?

Hi Elliott

Thanks. I got 2 issues:

(see URL in original post)
1. I want the text BEFORE the icon
2. The Icon is not middle aligned to the text.
3. Can I increase the height of the socket area?

Thanks and hope to hear from you soon.

Thank you, Yigit.
I did what you suggest and yes, the logo became smaller but there are 2 issues:

1. The logo does not remain in a fixed size after that. It shrinks and expands in size as the width goes up and down.
2. The logo changed position from align to the top to align to the middle

How do I resolve this?

Many Thanks!

Hi Ismael

I followed your instructions and it sort of work but with some strange behaviour.

When in full width, the header was normal.
When I make the width smaller, it respond correctly with the logo becoming smaller.
But when I make the width even smaller, like 768 px, the logo suddenly becomes big again.

What is causing this behaviour?

I figured it out. Topic close

Thanks, Yigit but the menu items ‘eat’ into the logo.
Fixed with
.av-main-nav > li > a, div#header_main_alternate { border: none !important; }
.html_header_top.html_bottom_nav_header .main_menu{ clear: both; position: relative; line-height: 40px; height: 100%; width:100%; float:left; margin-bottom: 50px;}

Now, can you tell me which function/script generates the menu items?
I think my strategy now is to intercept the loop and manually add padding so that the 5th menu item “Locate Us” appears after the middle icon…

Hi Yigit

Ok, I see what I can do. I just the icon in the middle. I just bought ENFOLD and is trying to get familiar with it.
Please give me a day to customize the header.