Search Results for 'banner'

[alexandra]

alexandra

#18705

hi again. please help me with similar, I am trying to center my banner as well. http://www.africatrademakers.com. i have tried copying and pasting the code you gave Derek above. so far my css edit box looks like this…is there something here that is stopping it from centering after I added the code?

also what dimensions jpeg would work best for the site wide banner? i need the banner as wide as the slider.

/*
.kad-header-widget .virtue_social_widget a i {
font-size: 28px;
line-height: 30px;
}
*/

@media (min-width: 992px) {
.kad-header-widget {
padding-left: 500px;
}
}

.home .kad-slider .kad-slide {
background-size: contain !important;
}

#nav-second ul.sf-menu ul li a {
font-size: 15px;
}

#nav-second ul.sf-menu>li>a {
padding: 20px;
}

.ktslider_home_hidetop {
margin-top: 5px;
}

.virtue_banner {
margin: 0 -15px;
}

[Ben Ritner]

Ben Ritner

#18499

So you can add this css to your custom css box in the theme options > advanced settings:

#kad-banner .sticky-wrapper > .container {
margin: 0 auto;
width: 100%;
padding: 0;
z-index: 1000;
background: #fff;
}
#kad-banner .sticky-wrapper > .container > .row {
    max-width: 1170px;
    margin: 0 auto;
}

And you can add this to a footer text widget.

<script type="text/javascript">
jQuery(document).ready(function ($) {
if($(window).width() > 992 ){
var topOffest = $('body').hasClass('admin-bar') ? 32 : 0;
$('#kad-banner > .container').sticky({topSpacing:topOffest});}});
</script>

Ben

[Ben Ritner]

Ben Ritner

#18070

.virtue_banner {
margin: 0 -15px;
}

for the menu you can use this:

#kad-header-right {
padding: 0;
}

Just not that the primary menu is set to be centered so it will not left align or fill available space. If you want that then use the secondary menu not the primary.

Ben

[Derek]

Derek

#18055

Hello,

I need my banner picture to be full width with in the container.

I have the box lay out.

I’d also like the primary menu to be full width if that is possible.

There seems to be a 15px margin on each side of the banner and primary menu.

I tried several css codes to no avail.

I tried the one where I entered -15px margin and didn’t work.

Website is http://www.spartanhomeservices.com

Thanks, Derek

[Derek]

Derek

#18055

Hello,

I need my banner picture to be full width with in the container.

I have the box lay out.

I’d also like the primary menu to be full width if that is possible.

There seems to be a 15px margin on each side of the banner and primary menu.

I tried several css codes to no avail.

I tried the one where I entered -15px margin and didn’t work.

Website is http://www.spartanhomeservices.com

Thanks, Derek

[alexandra]

alexandra

#17292

ok I’m back working on site. is it possible to have a banner on the header widget? and can this banner or widget change depending on what page of the site one is on?
I would like to run small ads there and will remove the paypal logo, http://www.africatrademakers.com. i would need to change banner(s) periodically.

[Ben Ritner]

Ben Ritner

#17131

#kad-banner > .container {
width: 100%;
}

Ben

[Bhupendra]

Bhupendra

#16933

That fixes most of the stuffs i was hoping. But the problem now is the secondary menu also shows up behind the main menu in home page. Thus making the secondary menu not clickable. link: http://www.apexworld.com.au
I tried some css but gave up fixing it. I want the secondary menu to put all the way down just below the revolution slider and above the search form with some padding to it. But only in home page. Rest of the page are perfect. Here is the css i tried with no luck.

.home .navclass {
margin: 70px 0px 70px;
}

When i use this, the white background of the i don’t know if its the main menu banner or secondary menu banner also stretch making it look partial white or ugly.

So, How can i move the secondary menu just below the revolution slider i.e. above the search box but it has to be only in home page. And not to show at all the secondary menu on small to medium screen sizes.?

Your help is greatly appreciated. Thanks for the support Ben.

Thanks

Bhupen T

[Ben Ritner]

Ben Ritner

#16904

ok try this, first remove your margins on the slider. Second add this css:

@media (min-width: 767px) {
.home .kad-header-right {
width:100%;
float:right;
right: 0;
position: absolute;
height: 122px;
}
.home .kad-header-right #nav-main {
    margin:10px 0 30px 0;
}
#kad-banner .container {
   position:relative;
}
.home .kad-header-left {
display:none;
}
.home .kad-topbar-left {
width: 70%;
}
.home .kad-topbar-right {
width: 30%;
}
#mobile-nav-trigger {
display: none;
}
#nav-main ul.sf-menu {
display:block;
}
}

Ben

[Ben Ritner]

Ben Ritner

#16729

You can use this:

#kad-banner > .container:after {
content: '';
background: #000;
height: 1px;
width: 100%;
margin-top: -8px;
clear: none;
display: block;
margin-bottom: 8px;
}

if you want to loose the lines around the page title add this:

.page-header {
border:0;
}

[Ben Ritner]

Ben Ritner

#16725

Here you go, remove the other, this should be more aligned for you:

.home #kad-banner > .container:after {
content: '';
background: #000;
height: 1px;
width: 100%;
margin-top: -8px;
clear: none;
display: block;
margin-bottom: 8px;
}

Ben

[Ben Ritner]

Ben Ritner

#16601

Just on the home page? add this to your custom css box in the theme options:

.home #kad-banner > .container{
border-bottom: 1px solid #444;
}

Ben

[Ben Ritner]

Ben Ritner

#16482

That doesn’t have anything to do with your shaddow… I see what you did, you’ve added a height !important for IE8 which is breaking the layout… change to:

@media all {
#kad-banner-sticky-wrapper, #kad-banner {
height: auto !important;
}
}

Ben

[Ben Ritner]

Ben Ritner

#16387

1. It’s a little tricky to do, and with a shrink header I can’t say I recommend this but here you go add all this css to your custom css box in the theme options:

body.single-post.wide #wrapper.container {
width: 100% !important;
padding: 0!important;
box-sizing: content-box;
}
body.single-post.stickyheader .is-sticky #kad-banner {
width: auto;
left: auto;
}
@media (min-width: 768px) {
body.single-post.wide #wrapper.container {
width: 750px; !important;
padding: 0 15px !important;
}
}
@media (min-width: 992px) {
body.single-post.wide #wrapper.container {
width: 970px; !important;
padding: 0 15px !important;
}
}
@media (min-width: 1200px) {
body.single-post.wide #wrapper.container {
width: 1170px !important;
padding: 0 15px !important;
}
}

2.
.kad-sidebar {
border-left: 1px solid #aaa;
}

3. You can set the hover options in the theme options > menu settings.
If you want a border here is the css:

#nav-main ul.sf-menu > li {
border-right: 1px solid #eee;
}
#nav-main ul.sf-menu > li:last-child{
	border: none;
}

Ben

[Ben Ritner]

Ben Ritner

#16270

Hey,
So portfolio and image menu are used for different functions the image menu was designed to have text showing on top of the image, The image is just a background for the text, see example here: http://themes.kadencethemes.com/virtue-premium-3/

For what you want you would be better off adding your images through pagebuilder using the virtue: image widget, which would just show your image as is.

You can add this css to force the background image to stay within the container div. But it will just mean that the hover effect goes above and blow it.

.infobanner {
background-size: contain !important;
}

Ben

[Ben Ritner]

Ben Ritner

#16118

ok I see, change to this:

@media (max-width: 992px) {
.stickyheader #kad-banner {
width: 100%;
z-index: 1120;
left: 0;
position: fixed !important;
}
}

Ben

[Ben Ritner]

Ben Ritner

#16115

@media (max-width: 992px) {
.stickyheader #kad-banner {
width: 100%;
left: 0;
position: fixed !important;
}

Try adding that in your custom css box in the theme options > advanced settings.

Ben

[LYUBOMIR]

LYUBOMIR

#15588

I add in header banner area right revolution slider with phone number and address. But when i change window size and must see mobile menu icon, i don’t. The icon is hide under address slider. I change height of slider, but it dont work, i still not see icon. How resolve this?

[LYUBOMIR]

LYUBOMIR

#15588

I add in header banner area right revolution slider with phone number and address. But when i change window size and must see mobile menu icon, i don’t. The icon is hide under address slider. I change height of slider, but it dont work, i still not see icon. How resolve this?

[Oliver]

Oliver

#15253

Thanks! one more unrelated question i can’t find the answer to. How many px wide should the logo banner above the menu be to reach the border?

[Ben Ritner]

Ben Ritner

#14605

Try adding this css to your custom css in the theme options > advanced settings:

body #kad-banner #logo .kad-retina-logo {
margin: 0 auto;
}

Ben

[Tomasz]

Tomasz

#14097

Hi,
I would like to hide the logo on the home page as I already have it included in my banner – which is above the header.
http://www.runivore.com. Is there any way to do that?

Thanks,
Tom

[Tomasz]

Tomasz

#14097

Hi,
I would like to hide the logo on the home page as I already have it included in my banner – which is above the header.
http://www.runivore.com. Is there any way to do that?

Thanks,
Tom