Thanks for the link! I had a look at your site on a desktop Mac but I’m not sure where to look for the email “pop-over”. Could you describe the steps I’d need to do to see it? I’m not actually sure what an “email pop-over” is. ?? Thanks!
I’d like to decrease the width of the header, if possible. And maybe a few other things.
The header is designed to take up 100% of the browser window width, as you can see in the theme’s CSS:
#masthead-wrap {
background-color: #262626;
box-shadow: 0 2px 3px rgba(100, 100, 100, 0.25);
position: fixed;
top: 0;
width: 100%;
z-index: 1000;
}
To override that and make it narrower, you can try adding something like this in your custom CSS:
#masthead-wrap {
width: 80%;
}
Or you could used a fixed pixel value, depending on the effect you want. You can also add more CSS to do things like change the background colour or center it – all depending on the effect you want.
Don’t edit the theme files directly, otherwise your changes will be overwritten whenever the theme is updated.
Since you’re already using Jetpack, an easy way to add custom CSS is to activate the Custom CSS module. You’ll then add your custom CSS in the new stylesheet editor that’ll appear in your dashboard, under Appearance > Edit CSS.
There isn’t a guide specific to making layout or other tweaks to Superhero, but you could certainly look through past support threads to see what others have asked to do in case that helps.
One key concept you might like to read about is how to make a child theme, which is the best way to make more than CSS-only changes to a theme, so your tweaks won’t be overwritten when updating the theme. Here are some guides in case you haven’t made one before:
https://codex.www.ads-software.com/Child_Themes
https://op111.net/53/
https://vimeo.com/39023468
I hope this points you in the right direction. Let me know how it goes!
