Minor Logo Adjustment

Hi Guys,

This is regarding the folowing site:
https://yourdentalfriend.com

  1. Is there any way that I can enlarge the logo? It’s tiny.
  2. On the responsive (mobile) version, the logo is not centered. Is there any way that I can force it to center?

Please advise.

Hello there,

To enlarge the default logo height limitation, you’ll need to add the below CSS code to Appearance > Customize > Additional CSS from your site dashboard.


.site-logo {
  max-height: 170px;
}

To center align your logo on a smaller screen, you’ll need the below CSS code addition:


.site-header .col-md-4 a {
  display: inline-block;
  margin-left: auto;
  margin-right: auto;
}

Regards,
Kharis

Thanks a million!

You’re welcome!

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Regards,
Kharis

Hey there, my inquiry is about site barbdesimon.com. I added the above extra code to increase the size of my logo, which worked well. However, my top menu line is not too far down the page. How can I move it back up closer to the top of the page?
Thank you!

Barbara

Hello Barbara,

Thank you for reaching out to us here. Please try adding the below extra CSS code to Appearance > Customize > Additional CSS from your site dashboard.


.header-wrap .container {
  position: relative;
}

.header-wrap .col-md-8 {
  position: absolute;
  top: 0;
  right: 0;
}

Regards,
Kharis

Worked like a charm! Thank you so much.

Barbara

You’re welcome!

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Regards,
Kharis