add blankspace in header topbar

[Fritz]

Hello everyone,

I added symbols for email and telephone number in my header topbars.
The spacing is really bad right now, so i’m trying to add spaces between symbols and text. When i try &nbsp, it does not work, instead there is a black ? showing up.

Can you help me with this? I only need to increase the distance between symbols and text. It’s SKT complete Pro.

kind regards,
Fritz

[Forum Moderator]

Hi,

Kindly show us your website URL so that we can assist further.

Regards,
Chris

[Fritz]

Hi,

the website is http://cafmconsult.de/

If you look at the top right: the end of “[email protected]” is way too close to the telephone symbol. We want to increase the distance between those 2.

Thanks.

[Forum Moderator]

Hi,

Kindly go to Appearance>>Customize>>Basic>>Scroll down to find Custom CSS and paste there:

.logo { max-width:40%;}
.logo h1, .logo h2 { line-height:30px;}
.suptp { margin-left:20px;}

Regards,
Chris

[Fritz]

Hi Chris,

The top looks better now, what can we do to improve spacing on the left side? (Between Symbol and D-04229)

Unfortionatly now our primary headline (“Handels- & Beratungskontor Westhoff & Partner”) is on 2 rows. We really want it to be on one.

Thanks for you help so far!

[Forum Moderator]

Hi,

Kindly go to Appearance>>Theme Options>>Basic Settings>>Custom CSS Box:

Add this code there:

.header .logo { max-width:inherit !important;}
#topmenu ul li a { padding:36px 12px !important;}
.head-info-area .fa { margin-right:15px !important;}

Regards,
Chris

[Author]

Posts