BlueOwlCreative » Topic: Header Logo – Use Round Logo instead of rectangle

Header Logo – Use Round Logo instead of rectangle

pherniak — Tue, 14 Jun 2016 12:20:53 +0000

Dear Support,

Please see attached image.

If i was to use the round logo it would be really small if it was within the transparent header. How can i make it overlap?

Thanks,

Patrick

Reply To: Header Logo – Use Round Logo instead of rectangle

BlueOwl — Wed, 15 Jun 2016 06:52:51 +0000

Hi Patrick,

You can resize the header from your Theme options so you have as much room for your logo as you please…

Reply To: Header Logo – Use Round Logo instead of rectangle

pherniak — Wed, 15 Jun 2016 13:31:44 +0000

Thanks so much for your prompt reply! That is good to know, will this effect the placement of the navigation links? For example, I want my nav links to remain where they are and not centered with the header.

In the image i sent, i created the “dashed” line as the invisible header outline and then showed the links that could possibly be centered to the header.

I don’t want my links to be centered.

Reply To: Header Logo – Use Round Logo instead of rectangle

BlueOwl — Thu, 16 Jun 2016 07:36:04 +0000

Hi again,

You could override the links being centered in the header (they are automatically centered as you increase its height) with some simple CSS.
Please let me have your URL once you setup your logo and header height the way you want them and I will help you with the CSS for the menu.

Reply To: Header Logo – Use Round Logo instead of rectangle

pherniak — Fri, 17 Jun 2016 15:23:07 +0000

Hi,

Please see the site, http://www.reformedfatass.com

Thanks!

Reply To: Header Logo – Use Round Logo instead of rectangle

BlueOwl — Mon, 20 Jun 2016 06:54:16 +0000

So you want your links up a bit in your transparent logo?
Obviously they cannot go into the subheader…

Try this:

@media only screen and (min-width: 1018px){
.transparent_header #menu > ul > li > a, transparent_header #header .header_cart .icon {
    line-height: 70px!important;
}
}