sidebar widget top margin

Hey, try adding this to your custom css box in theme options > advanced settings:

.sidebar .widget-inner li {
padding-top: 20px;
}

Hannah

You can use this css as it will only target the first widget and not each line of the menu you have:

.widget-first {
margin-top: 30px;
}

Kadence Themes

Thanks for the reply!
I just tried it but nothing changed… ??
Is there something that’s overriding it? I did install a sidebar plugin to create a different sidebar sub-menu for each page, could this be the reason???

You issue is in your css box… you have this:

.sliderclass {
padding: 0 0 50px;

with no closing bracket.

Kadence Themes

Thank you so much Hannah and Kadence Themes, it works now! Thank you!!!

Hi, thought it was resolved but another issue came up. When i made the changes, the footer container got bigger and does not match up with the body. I have no clue what happened, please help me! Thank you!

You have css you added like this:

#containerfooter {
position: absolute;
bottom: 0;
left: 0;
right: 0;
}

Which is causing your footer issues what are you trying to do?

Even if you added this it would be better:

#containerfooter {
position: absolute;
bottom: 0;
left: 15px;
right: 0;
width: 100%;
}

and you have a bottom padding of 160px on the contentclass?

Hi Kadence, thank you it works.
Not sure how the bottom padding is 160px… will this be a problem? I am new to this.. ??

One more thing, I just realized that the site does not respond to mobile and ipad…
I did assign the menu for mobile as well but the screen does not shrink down and the menu button does show but the actual menu item does not show .. not sure what i did wrong… thanks again for the help!!!

Hey, looks like you’ve added this to your css:

.container {
width: 970px;
}

Just need to add a media query:

@media (min-width:1000px) {
.container {
width: 970px;
}
}

Hannah

Hi Hannah, I just added it but it still appears the same.. what did i do wrong? ??

It’s odd because the menu is visible from my iphone but when i check it from the ipad, i don’t even see the menu navigation.

Also, menu from the iphone shows all the menu items, including the submenus so it’s a long list.. how can I just show the main menu nav?

Thanks a bunch!

You added the css but didn’t remove the css you had.. remove this:

.container {
width: 970px;
}

As for the menu in the appearance > menus page you can create a menu that is specific to the mobile menu and only shows what you want.

Kadence Themes