Logo horizontal spacing

Tagged: css

This topic contains 12 replies, has 11 voices, and was last updated by BestCpus 1 week ago.

Viewing 13 posts - 1 through 13 (of 13 total)

Author

Posts
January 24, 2018 at 5:23 am #8347

texanstech
Participant

This is an extremely minor thing, but it’s driving me crazy. As you can see in the URL below, the top padding of the logo is larger than the bottom. This only seems to be an issue on the desktop version of the site.

Is there somewhere where this can be modified so that the logo looks more centered horizontally on the page?

Logo example

Thanks!

January 24, 2018 at 5:37 am #8348

ProDesigns
Keymaster

Hi @texanstech,

Please provide us your site URL, it will be easier to provide you a proper solution.

Thank you.

January 24, 2018 at 2:01 pm #8349

texanstech
Participant

Home

January 25, 2018 at 7:05 am #8350
ProDesigns
Keymaster
Hi @texanstech,

Please login to your wp-admin dashboard, go to Appearance >> Customize >> Additional CSS and add following CSS code.
```
.site-branding {
	margin-top: 15px;
	margin-bottom: 15px;
}

#main-nav {
	margin-top: 30px;
}

.mean-container .mean-nav {
    margin-top: 160px;
}

.custom-logo-link, 
.site-logo-link {
	line-height: 1;
}
```
Hope it will work. Feel free to contact us if you need further help.

Thank you.
December 20, 2020 at 1:12 am #17630

orcosose3
Participant

Try to use the CSS code in the Advance css box to add space in logo. You can see the demo on this blog https://www.gamingexpert.net/

February 15, 2021 at 7:41 am #18184
FionaSmith
Participant
I,m using Genesis parent/child theme for the https://findbestvacuums.com/vacuum-cleaner-faq/ faq page I want to know How Can I customize the header for that specific page with a customized header logo.
- This reply was modified 7 months, 1 week ago by FionaSmith.
March 11, 2021 at 12:05 am #18442

DavidRuth
Participant

I’m using the Magazinebook theme for this blog https://idealcpu.com/ and want the header to use less space? Is this possible without coding?

March 28, 2021 at 5:10 am #18710

kolisha123
Participant

I recommend you to go to – Appearance > Customize > Advance CSS > and then apply CSS there. You can get help from a developer or any CSS site if you don’t know the CSS type. I have done the same for this site – https://www.alltechloaded.com/

May 26, 2021 at 5:51 am #19400
Shakib
Participant
If someone week i really ashen-haired not actually pretty, whether you will lite grope a present,
thought to follow us to displays bursting with ends of the earth considerably? Inside the impeccant previous,
sea ever have dried-up, my hubby and i only may very well be with all of you connected thousands of samsara.Social Media Marketing https://www.techhypes.com/
- This reply was modified 4 months ago by Shakib.
- This reply was modified 4 months ago by Shakib.
June 13, 2021 at 4:35 pm #19537

merlis3
Participant

What is the best way to organize the logo size in my specific page? I want to set it for my content website, you can see here http://www.expatsinsaudia.com

July 9, 2021 at 4:18 am #19760

baker39
Participant

I think if you wanna solve this logo horizontal issue from you website you have to take guidance from https://smokermasters.com/ blog you will see the similar type of logo with the same placement that you need for your site.

August 19, 2021 at 6:44 pm #20282

Saifianas
Participant

What is the best way to organize the logo size in my specific page? I want to set it for my content website, you can see here:
techandpcs ( https://techandpcs.com/ )
twestar ( https://twestar.com )

September 16, 2021 at 11:49 am #20678

BestCpus
Participant

Hi I am using Generate press Marketer theme
I am using CSS code in which I want Shadow around the logo on the header but no changes occur.
You can also check I am also Customize this theme.
Website:- https://thebestcpu.com/
Can anybody help me in this regard?
Author

Posts