dgsloves

That did it! Thanks Parimal!

Actually now I can’t even add a new one.

Aha! That was it. Thank you! ??

Thanks Tobias but there is no code at all before [table id=1 /]. I am familiar with html and css. I don’t think it’s due to the styling of the title of the page as this issue doesn’t happen on any other page. Thanks for your assistance!

That did work– finally got around to it.

Thanks Jeff F!

Thanks, I’ll try that. I already have a child theme.

Worked- (Though I know you meant change to line-height: 20px; or so). Thank you buzztone!!

Aha- I had indeed previously inserted code in the design code -> custom css. Then I had been editing in the Editor CSS. But I see the previous code area overrides the other.

THANK YOU!!!

Hmmm, that didn’t seem to change anything. The banner is still wider than the mobile screen. I appreciate your help!

.hgroup-wrap {
width: 100%;
}

.header-image {
max-width: 100% !important;
}

.hgroup-wrap a {
display: block;
}

.hgroup-wrap img {
margin-top: 39px;
margin-bottom: 13px;
}

Hmm that didn’t seem to work. The header image is still much wider than the rest of the page content.

Here’s what’s there now:
site: baxterbell.com

Thanks Wolfy and Brain!

/* =Header
———————————————– */
#branding {
background: url(“../clean-retina/images/header-bg.jpg”);
border-bottom: 1px solid #ddd;
-moz-box-shadow: 0 7px 0 #f3f3f3;
-webkit-box-shadow: 0 7px 0 #f3f3f3;
box-shadow: 0 7px 0 #f3f3f3;
}
.hgroup-wrap {
width: 100%;
}

.hgroup-wrap a {
display: block;
}

.hgroup-wrap img {
margin-top: 39px;
margin-bottom: 13px;
}

I already tried, to no effect, the following. Though maybe I put it in the wrong place

.site-header {
background-size: 100% auto;
}

and I also tried

.site-header {
background-size: 100% 100% !important;
}

THANKS!

YES! THANK YOU DMBARBER!