icon menu sizing

with css, padding, background etc.

Post a link with exactly what you want and I can help.

Kadence Themes

i do not have a link, but a link to a screenshot — the site is local only at the moment.

https://www.soundbrigade.com/wordpress_image/sb_site.png

i would ideally like to shrink down the 3 teal tabs so that they are barely bigger than the longest text, but still all uniform.

Are you using the latest version of the theme?
is that your home page?
what do you mean by longest text?

Kadence Themes

ok. i will phrase it in a simpler manner.

yes. that is the home page.

i would like the large teal buttons (your “icon menu”) to be much smaller — they are too wide (tons of padding/margin spacing between text [i.e. PORTFOLIO] and the side of the links…they are also much too tall…i would just like to know what classes/styles need to be adjusted so i can manipulate these buttons…

Well they are designed to be a column layout, so in the theme options you can switch them to 5 columns which will make theme not fill the whole space since you have three.

to change the font size start here:

.home-iconmenu a h4 {
font-size:12px;
}
.home-iconmenu a i {
font-size:18px;
}

And you can adjust height padding with this:

.home-iconmenu a {
padding: 0px 20px;
}

But adjusting the width to be a size and not a percentage is not really the intent and if you are going to go that far I would just code your own buttons.

Kadence Themes

what tab in theme options can you switch it to 5 columns?

Home Layout, scroll down to where you added the icons, make sure you have the latest version of the theme or this option won’t be there.

Kadence Themes

i updated the plugin to the latest version earlier today…i scrolled down to APPEARANCES/THEME OPTIONS/HOME LAYOUT and do not see any other options — see screenshot below

https://www.soundbrigade.com/wordpress_image/sb_site_help.png

Did you update via ftp? Because your missing the option and if the ftp didn’t upload all the files it wouldn’t be there.

Kadence Themes