I’m a non -techie. After scouring these forums I have put together some CSS in Appearance which has 1/2 worked. If possible I’d like the logo to be half the size again and the bottom text line (which is paragraph text to be smaller again. The site is https://learningexchangegroup.com
And my muddled CSS is;
/* Mobile */
@media (max-width: 680px) {
header#masthead {
font-size: 30px;
}
header#masthead .hgroup .para {
font-size: 15px;
}
}
@media (max-width: 680px) {
#masthead-widgets .panel-grid-cell {
margin-bottom: 0 !important;
}
#masthead-widgets .widget {
padding-bottom: 0 !important;
}
}/* Header */
@media (max-width: 680px) {
}
body.responsive header#masthead .hgroup .logo {
padding-top: 13px;
}
Hi Michelle
Thanks for reaching out.
In order to remain viable, our free support scope is limited to basic usage and troubleshooting questions. Within our premium support scope, we have the resources to assist with more advanced customizations like Custom CSS and troubleshooting.
At the moment, I don’t know of a way to achieve your goal without Custom CSS. I had a look to see if I could work the problem using a SiteOrigin Image widget and SiteOrigin Headline widget. The SiteOrigin Headline widget has FitText as an option which is helpful for reducing the font size for mobile. The image size and padding is still a challenge though. Sorry, I don’t have better news.