Hi Skandha,
I appreciate your response, truly. The added CSS didn’t resolve the issue. On the computer monitor view, all is well. On the phone view, the effect was to shove the logo all the way to the left, and squish it (narrower than it should be). On the tablet view, it is a little off-center and slightly narrow.
Here is the CSS as it stands now (below), with your CSS at the end, still no luck. Perhaps some of these aren’t playing well together. So how do we get the logo sized as I want it, centered and responsive in computer, tablet and phone?
/*SPACE BETWEEN LARGE HEADER PIC & TEXT BELOW IT*/
.entry-header {
margin-top: -60px;
}
/*SPACE ABOVE & BELOW LOGO*/
.site-header-main {
padding-top:25px;
padding-bottom: 90px;
margin-top:0px;
margin-bottom: 0px;
}
/*CSS FROM CATCH THEMES LOGO CENTERING THREAD*/
.site-branding {
position:absolute;
left:29%;
transform:translateX(-50%);
margin: 0px auto !important;
height: 100px;
}
/*LOGO SIZE*/
.custom-logo {
margin:0px auto;
max-width:684px;
height: 80px;
}
/*CSS FROM CATCH THEMES SKANDHA*/
@media screen and (max-width:1024px) {
.custom-logo {
max-width:76vw;
margin-top:20px;
}
}