Enlarge Logo Header

GlenwoodCemetery · January 2016

Hi,

How do I enlarge the header logo?

Albert · January 2016

Hi,

please send us link to page where you want do this first.

ujmsales · January 2016

I want to do something similar. I want to increase the thickness of the header as well as the logo. I do not mean to hijack this thread, but I have the same question. See link. http://captainjacksminigolf.com/

Thanks in advance.

GlenwoodCemetery · January 2016

dev.glenwoodcemetery.ca
resolved to 158.85.107.106

Albert · January 2016

@GlenwoodCemetery The link you sent above, does not have our theme.

@ujmsales To increase logo size, you need to use the following css:

#Top_bar #logo { height: 90px !important; }
#Top_bar .menu_wrapper { margin-top: 20px !important; }
.header-classic #Top_bar .top_bar_right { top: 20px !important; }

GlenwoodCemetery · January 2016

It does if you resolve the domain to the IP provided. We're in development. I've attached a screenshot, if that helps.

Albert · January 2016

@GlenwoodCemetery Ok, now started working. To increase logo then, you need to use:

#Top_bar #logo { height: 100px !important; }
#Top_bar .menu_wrapper { margin-top: 20px !important; }
#Top_bar .top_bar_right::before { height: 130px !important; }
#Top_bar .top_bar_right { height: 130px !important; }
#Top_bar a#search_button { top: 54px !important; }

GlenwoodCemetery · January 2016

Thanks. That's better at the top, but now the sticky menu is faulty, when you scroll down the page.

GlenwoodCemetery · January 2016

PS: How do I disable the extra menu at the top center, with the grey drop-down arrow?

Albert · January 2016

Please show us on screenshot what you mean exactly.

GlenwoodCemetery · January 2016

GlenwoodCemetery · January 2016

Here are two screenshots. Everything is OK in screenshot 1 (except that we want to disable the grey triangle dropdown menu). But the sticky menu in screenshot 2 is awry. The white menu background is cut off short.

Albert · February 2016

Above screenshots does not work unfortunately. We suggest to use http://pasteboard.co/

GlenwoodCemetery · February 2016

http://pasteboard.co/1fVqvQ3M.png

http://pasteboard.co/1fVTM1Jb.png

GlenwoodCemetery · February 2016

Again, everything is OK in screenshot 1. But the sticky menu in screenshot 2 is awry. The white menu background is cut off short.

Albert · February 2016

Ok, we got it. So to fix sticky header, instead of the css we gave you previously, please use the following one:

#Top_bar:not(.is-sticky) #logo { height: 100px !important; }
#Top_bar:not(.is-sticky) .menu_wrapper { margin-top: 20px !important; }
#Top_bar:not(.is-sticky) .top_bar_right::before { height: 130px !important; }
#Top_bar:not(.is-sticky) .top_bar_right { height: 130px !important; }
#Top_bar:not(.is-sticky) a#search_button { top: 54px !important; }

GlenwoodCemetery · February 2016

Thanks. How do I disable the sliding top menu?

GlenwoodCemetery · February 2016

http://pasteboard.co/1g4UVLPE.png

Albert · February 2016

You can do this under Theme options > Header & Subheader > Extras section where Sliding Top option is.

Enlarge Logo Header

Comments