Tagged: phone, social media icons
Is it possible to remove the top white header bar and to bring the phone number down above the social media icons? http://www.hiscreatures.org
Hi,
You should open Header.php file in Enfold folder and find following code in lines 104-106
$phone = avia_get_option('phone');
$phone_class = !empty($nav) ? "with_nav" : "";
if($phone) echo "<div class='phone-info {$phone_class}'><span>{$phone}</span></div>";
Cut it and paste it under this line
echo avia_logo(AVIA_BASE_URL.'images/layout/logo.png', false, 'strong');
Then add following code to Quick CSS
.social_header .phone-info { float: right; padding-top: 10px; }
.bottom_nav_header #header_meta { display: none; }
Regards,
Yigit
Thank you. I played with it but it makes the website look incomplete, as though the website begins 1/3 of the way down the page. I would like to just move the phone number down with the icons. What do I need to do to just place the phone above the social media icons?
Hi,
Then please replace previous code with this one
.social_header .phone-info { float: right; padding-top: 15px; }
Regards,
Yigit
Thank you Yigit. I have another critical question posed here on the forum.