Sticky Logo larger
Hi,
I was hoping for some help (custom CSS) to make the sticky header logo larger. I can see that it's 35px height, and I'd like it to be ~75px high. I can't seem to get any CSS that overwrites this.
Additionally, I have the sticky header with a transparent background (using rgba) but that custom CSS I wrote for that is forcing a sticky header on mobile, which I don't want.
Any help would be great, thanks!
#Top_bar.is-sticky {
position: fixed !important;
width: 100%;
left: 0;
top: -60px;
height: 150px;
z-index: 701;
background: rgba(0,0,0,.3) !important;
opacity: .9;
filter: alpha(opacity = 97);
-webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
Comments
please send us link to page where you would like to increase sticky header logo size and we will see if it's possible.
#Top_bar.is-sticky #logo img:not(.svg) { max-height: 75px !important; }