Search Results for 'banner'

[Marc]

Marc

#101209

Sometimes when i go to our website some page looks wrong(not the way we set it up) see for example screenshot: *Login to see link
When i pust refresh the page will look good again see screenshot *Login to see link

This occures very often and with different pages, can someone explain why ?

[Marc]

Marc

#101209

Sometimes when i go to our website some page looks wrong(not the way we set it up) see for example screenshot: *Login to see link
When i pust refresh the page will look good again see screenshot *Login to see link

This occures very often and with different pages, can someone explain why ?

[Nelson]

Nelson

#101105

This reply has been marked as private.

[Monika]

Monika

#101096

Hi Ben,

I need to increase the sidebar width across the whole site: *Login to see link to fit in a 300 px banner.

Can you please help?

Kind regards,

Monika

[Monika]

Monika

#101096

Hi Ben,

I need to increase the sidebar width across the whole site: *Login to see link to fit in a 300 px banner.

Can you please help?

Kind regards,

Monika

[Gary]

Gary

#100654

Hi,

I have the Virtue-Pro theme and I noticed that when I’m scrolling down browsing through the product thumbnails in any category then click on a thumbnail image to view the product details and then click BACK to go back to the previous product list to continue browsing where I left off, it does not take me back to the same location/area where I stopped and clicked on the thumbnail. It just refreshes the page and takes me back to the top of the page so if I want to continue where I left off, I have to scroll way down from the top again each and every time after clicking on a thumbnail and viewing a product’s details. Please note that this is ONLY happening on the first page… pages 2 and so on are working the correct way. Do you think its due to the banner and possibly the embedded youtube video which only display on the first page? If so, how can we fix it? I’ve checked on both firefox and google chrome and its the same on both browsers. on mobile devices with Safari it work fine.

Website: http://www.groomsring.com

Thanks,
Gary

[Gary]

Gary

#100654

Hi,

I have the Virtue-Pro theme and I noticed that when I’m scrolling down browsing through the product thumbnails in any category then click on a thumbnail image to view the product details and then click BACK to go back to the previous product list to continue browsing where I left off, it does not take me back to the same location/area where I stopped and clicked on the thumbnail. It just refreshes the page and takes me back to the top of the page so if I want to continue where I left off, I have to scroll way down from the top again each and every time after clicking on a thumbnail and viewing a product’s details. Please note that this is ONLY happening on the first page… pages 2 and so on are working the correct way. Do you think its due to the banner and possibly the embedded youtube video which only display on the first page? If so, how can we fix it? I’ve checked on both firefox and google chrome and its the same on both browsers. on mobile devices with Safari it work fine.

Website: http://www.groomsring.com

Thanks,
Gary

[Kevin]

Kevin

#100539

Here is the CSS that will target the text

.infobanner .home-message h4 {
    color: red;
}

You’ll want to change the properties to what fits your site, but this is how you target it.

Hopefully that works for you!

[Hannah]

Hannah

#100446

Try adding this css:

.stickyheader .is-sticky #kad-banner {
    box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.5);
    -webkit-box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.5);
}

Is that what you’re thinking?

Hannah

[Ben Ritner]

Ben Ritner

#100401

You have this at the top of the orange div:

<h3 style="text-align: center;"><span style="color: #ffffff;">&nbsp;</span></h3>

Remove that.
You should set up that orange div to have a set height not a height based on empty tags.

If you want to add spacing use this shortcode: [space size="30px"]

Once you set the height to the same that you have in your image menu then you can add in this css I posted above:

.infobanner {
    margin: 0px;
}

Ben

[Ben Ritner]

Ben Ritner

#100367

Hey,
1. I’m not seeing this? the header isn’t full width so I don’t know what you mean with this?

2.

.kad-header-style-two ul.sf-menu li.menu-item-80 > a {
background: #000000;
color: white;
}
.kad-header-style-two ul.sf-menu li.menu-item-79 > a {
background: #db1c22;
color: white;
}
.kad-header-style-two ul.sf-menu li.menu-item-80 > a:hover {
background: #1e73be;
color: white;
}
.kad-header-style-two ul.sf-menu li.menu-item-79 > a:hover {
background: #1e73be;
color: white;
}

3. Check you max input vars in your php settings. Make sure you have it set to at least 5000. Also make sure you don’t have any browser tabs open to the theme options.

4. You can force it but that isn’t the purpose of this theme, so pinnacle is going to have a lot of good settings to make this work better.

.home .headerclass {
    position: absolute;
    width: 100%;
    background: rgba(255,255,255,.6);
    z-index: 100;
}
.home #kad-banner-sticky-wrapper {
    height: 0 !important;
} 

[Kevin]

Kevin

#100357

If you want your home slider to display like that, then first you need to go into Theme Options> Home Slider, and set “Move Slider above Header” to OFF.

Then, you can make your header transparent by going into Theme Options> Advanced Styling, and set your header background to transparent.

Add this CSS to Theme Options> Advanced Settings.

#kad-banner {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 500;
}

Be aware though, that Virtue isn’t optimized for this, and the Pinnacle theme is made for this kind of display.

Let me know if this works for you!

[Kevin]

Kevin

#100348

It depends on how the item height is set for each of those widgets. If it’s set by image, then this CSS wont work. If it is set by a fixed height, then you can use this.

.infobanner .home-message h4, .infobanner .home-message h5 {
    text-align: left;
}
.infobanner .home-message {
    vertical-align: bottom;
}
.infobanner .home-message h4:after  {
    display: none;
}

This will go into Theme Options> Custom CSS. If you can post a link to your site, that will be helpful in determining the best way to solve this for you.

Let me know if this helps.

[Patrick]

Patrick

#100050

Hi Ben,

I have tried the codes. The Top Menu bar and the logo are now fixed. I have been trying out the logo top and bottom spacing settings in the main menu becuae the logo banner is stationery but it covers up th slider image. I have also uploaded my a smaller logo image. All this is to reduce the area of the banner covering up the slider image

Are there any settings or CSS codes to further shift the starting position of the slider image down so that the slider iamge will not be covered up by the logo banner ?

Thanks.

Patrick

[Ben Ritner]

Ben Ritner

#100048

In your custom css plugin where you have this css:

.topclass {
       position: fixed;
       z-index: 1000;
       width: 100%;
}

Remove that.

Then add this css:

#kad-banner {
       position: fixed;
       z-index: 1000;
       width: 100%;
       top:0;
       left:0;
}
.wrap.contentclass {
    padding-top: 218px;
}

Ben

[Ben Ritner]

Ben Ritner

#100011

You can do this but understand that the topbar will not be sticky.

@media (max-width: 991px){
#kad-banner, #kad-banner-sticky-wrapper {
    display: block !important;
    min-height:0 !important;
}
#kad-shrinkheader {
    display:none;
}
}

Ben

[Hannah]

Hannah

#99959

Hi Craig,

1. You can paste this in your custom css box in Theme Options > Advanced Settings:

.mh-menu-cart-btn .icon-cart:before {
    content: "e0ce" !important;
}

2. Try using this css:

#kad-banner, #kad-banner-sticky-wrapper {
    display: block !important;
}

Does that work for you?

Hannah

[RandomNickname]

RandomNickname

#99943

The submit error happened again btw. This is what I saw:

This site can’t be reached
http://www.kadencethemes.com’s server DNS address could not be found.
DNS_PROBE_FINISHED_NXDOMAIN”

Message:

Wonderful. Thank you.

I assume I can apply this code to the contact form as well:

@media (max-width: 768px){
.widget_virtue_imgmenu_widget {
margin-left: -20px;
margin-right: -20px;
}
.widget_virtue_imgmenu_widget .infobanner {
margin:0;
}
}

I just know know how to figure out what the code for the form is?

Aaaaand, now I’m done. Thanks for all your help.

[Ben Ritner]

Ben Ritner

#99934

You can use css like this:

@media (max-width: 768px){
    .widget_virtue_imgmenu_widget {
        margin-left: -20px;
        margin-right: -20px;
    }
    .widget_virtue_imgmenu_widget .infobanner {
        margin:0;
    }
}

Ben

[Hannah]

Hannah

#99760

Hi Joesfine,
1. Looks like you’re using a sidebar template on your pages. You can set the template to fullwidth from the edit page under Page Attributes.

2. Referring to your mobile menu, if you want it to appear above the banner I would recommend using the topbar menu. So in Appearance > Menus set your main menu to topbar navigation and remove the mobile navigation. Then you can use this css to hide the topbar menu on desktop:

@media (min-width: 768px) {
#topbar .nav-trigger-case .kad-navbtn {
    display: none;
}
}

Just paste that into your custom css box in Theme Options > Advanced Settings.

Hope that helps!
Hannah

[Josefine]

Josefine

#99717

This reply has been marked as private.

[Kevin]

Kevin

#99295

This CSS will get rid of it for that post only. Place it into Theme Options> Custom CSS.

.postid-249 #kad-banner-sticky-wrapper {
    display: none;
}

Another alternative that would keep your menu visible, while making the header transparent, would be to set “Page Title background behind Header” to “Place Behind Header” in the post edit screen.

Let me know if either works for you.

[Ben Ritner]

Ben Ritner

#99105

You can’t add a banner to the basic shrink header.

You can add an image to the after header shortcode output.

Ben