Creating a smaller sized button in menu

aburns348 · August 2017

How can I get the top right red button to be a smaller size around the "signup" link?

https://ga.lpnational.wpengine.com/

Bryan · August 2017

Hi,
We see that you have changed it via css, please just target the span and change the font size and line-height.
thanks

aburns348 · August 2017

Yeah, but I think the way we did it is a bit hacky. How would you go about doing it at this template example: https://template.lpnational.wpengine.com/?

aburns348 · August 2017

I thought I had also set a smaller nav area by changing the settings in the logo > advanced options area.

Bryan · August 2017

But there is no other way to change than custom css. What would you like to do?

aburns348 · August 2017

We want it to be less tall in height. The button should be tighter around the text "signup". If you scroll and look at its size in the sticky header, that is the size we would like.

Bryan · August 2017

Try this custom css

#Top_bar:not(.is-sticky) .menu > li.last:last-of-type > a span {
	line-height: 24px !important;
	margin-top: 16px !important;
}

aburns348 · August 2017

Nice. That works. However, how can I make this work on the sticky header? With this code it is removed.

Bryan · September 2017

What do you mean? The sticky header button is the same. I see that you have removed the background from it.

aburns348 · September 2017

Take a look at this site: https://template.lpnational.wpengine.com/. For the Georgia site we changed the header style to be transparent.

Bryan · September 2017

Ok but now do you want the button to look like normal or like the one that is sticky??

aburns348 · September 2017

One that is closer to the height of the sticky button

Bryan · September 2017

Please make a screenshot and explain in great detail what exactly do you want to change.

Creating a smaller sized button in menu

Comments