- This topic has 1 reply, 2 voices, and was last updated 8 years, 9 months ago by
.
- Posts
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.
Hi Beverly
Thanks for reaching out.
Logo
Start by going to
Appearance > Theme Settingsand disable theTaglineoption as you aren’t using it. That’ll add an extra20pxvertical 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 toAppearance > Custom CSSand 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 > Heightand 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 Settingsand change your Responsive Menu Collapse from the0value there now to1060. That’ll change your menu from the desktop to mobile version, right at the point at which it starts to create a second line.
You must be logged in to reply to this topic.