SPI Pro Theme – Change Menu Height & Title Text Size on mobile

[sroebuck]

Hi, I have installed the SPI Pro theme on my site but want to adjust the height of the main menu by approx. 1/3 (Top & bottom) Can anyone suggest the necessary CSS I need to add to change this ?

Also, despite this theme being sold as "responsive' the default main title font size does not scale to a smaller size on mobile devices and is way too big. There doesn't seem to be any way to control this within the theme options. Does anyone know how to get the font size to scale smaller on mobile screens ? Thanks

http://www.starlink-dss.com

[Victor Font]

The menu height is controlled by the padding in .genesis-nav-menu a. This is the default code.

.genesis-nav-menu a {
    text-decoration: none;
    display: block;
    padding: 32px;
}

Change it to look like this:

.genesis-nav-menu a {
    text-decoration: none;
    display: block;
    padding: 42px 32px;
}

I'm not sure which title you're referring to as not being responsive, but I assume you mean the entry title. The .entry-title CSS is:

.entry-title {
    font-size: 40px;
    font-size: 4rem;
}

Add this entry to one of the media queries and change the size.

I wish I could be more specific as to where to change this code, but you are using a minified style sheet where every line of code is on line 1.

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[Author]

Posts