Beverly G. Feb 7, 2016 · 5:04 am #2998 I would like to have a slightly larger logo, but don’t understand all the coding and it seems like others have had to do a lot of trial and error. The menu also has very large spaces between each item when viewed on a phone. I would rather have it stacked with very little white space between it. Please let me know if there is a way to modify this so people don’t have to scroll down a whole screen to begin seeing the content areas. The web site is:
http://sokhom2015.cambodiaministries.org/wordpress-4.3.1/wordpress/
I look forward to your help.
Andrew Misplon Puro Feb 7, 2016 · 5:13 pm #2999 Hi Beverly
Thanks for reaching out.
Logo
Start by going to Appearance > Theme Settings and disable the Tagline option as you aren’t using it. That’ll add an extra 20px vertical space for the logo to make use of.
We can adjust the theme’s logo constraint, and I agree, this part of Ultra is a little clumsy. We can resolve with a few little steps:
1. Download, install and activate Simple Custom CSS.
2. Go to Appearance > Custom CSS and insert:
/* Logo */
.site-header .site-branding img {
max-height: 92px;
}
Adjust the 92px value as required to give the logo a higher max-height.
3. Finally, to make the header larger, to allow for a larger logo you might need to go to Appearance > Customize > Theme Design > Header > Height and adjust that value.
Phew, so how this aspect of Ultra landed up being like this is a long story. The steps above might seem complicated but won’t take long. If you get stuck at any point I’d be really happy to login and make these changes for you.
Menu
Go to Appearance > Theme Settings and change your Responsive Menu Collapse from the 0 value there now to 1060. That’ll change your menu from the desktop to mobile version, right at the point at which it starts to create a second line.