I can't figure out what is controlling the size of this logo in the header

[kaulbr]

I am a novice at best when it comes to CSS. Typically, I can tweak things but I am stumped on this one. I am trying to enlarge the main logo in the upper left on this site: http://www.chwevents.org/site/TR?pg=entry&fr_id=1191

The image itself is much larger than what the page is displaying and for the life of me I can’t figure out what in the CSS is controlling how large the logo displays. I’ve found where the size of the logo for mobile view is specified but can’t figure out how to enlarge the logo for desktop view.

The HTML for the page wrapper and the CSS can be viewed here: https://drive.google.com/file/d/1VVWd7YBqpo5c8mJh1IQ0xA-iEg_bDKTb/view?usp=sharing

Any help is greatly appreciated.

[vulkanus]

Hi,

I maybe what you want is this; sorry if not

.container {
position: relative;
width: 100%;
/* max-width: 1044px; */ <—- remove this
margin: 0 auto;
box-sizing: border-box;
}

//add this to control image size
a.navbar-logo img {
width: 422px;
}

[Author]

Posts