Search Results for 'banner'

[Ben Ritner]

Ben Ritner

#82113

Thats not really how those items are designed to work, there isn’t a relationship with other widgets where you would set something that would make them all the same size. The need to be fluid based on screen size which is going to mean there height changes.

You can use css but for this I would more suggest rethinking what your going for.

#pg-1195-3 .infobanner {
    margin: 0;
}
#pg-1195-3 .kad-info-box {
    min-height: 200px;
}

Ben

[Jayzeebe]

Jayzeebe

#81973

Thank you Ben! I changed the name so as not to add more code.

Is there a way to take the navigation bar completely out of the header section? I would like the navigation bar to be underneath the header/banner section.

Let me know. Thanks!

[SAMUEL]

SAMUEL

#81955

I do not understand everything , google translation to the limit !!

I wish that this continues to be the home page as is currently with the sidebar on the right and the blue banner across the entire width . But with Yoast , the bandage is no longer over the entire width .

[Ben Ritner]

Ben Ritner

#81877

oh, you have titled a page “home” which is why that conflicts with the “home” class that is on your actual home page.

I suggest either changing the title else change the css to this:

.home.page-template-page-landing .headerclass, .home.page-template-page-landing .wrap, .home.page-template-page-landing #kad-banner-sticky-wrapper {
    display: none;
}

Ben

[Ben Ritner]

Ben Ritner

#81825

You can add this css:

.home .headerclass, .home .wrap, .home #kad-banner-sticky-wrapper {
    display: none;
}

and if you want to add a background to the primary menu:

#nav-main {
    background: blue;
}

Ben

[Jayzeebe]

Jayzeebe

#81823

Ben, I added this code to remove the site titles:

.page-header {
display: none;
}

Now I only need an answer to question #1
and whether there is an option to change the primary menu background color so it looks independent of the logo/banner.

Thanks!

[Jayzeebe]

Jayzeebe

#81821

And now that I have employed a landing page, how do I remove the site title from the home page? And is there an option to change the primary menu background color so it looks independent of the logo/banner?

[Ben Ritner]

Ben Ritner

#81817

Ok, so your using the banner.. There isn’t an option to place the menu below the banner. But what you can do it add your banner image as the logo.

Then in your theme options > main settings > logo layout choose the third option where the logo is fullwidth and the menu is below it.
Ben

[danieltrevenna]

danieltrevenna

#81645

Hey Ben,

Sure thing, here’s a link to a blog post: http://socialheroes.co.uk/creating-a-clickable-ppc-ad/

I’m not using the page header banner for blog posts, so I need to boast SEO by changing the H2 to a H1.

I’ve also noticed that we’re getting a duplicate ‘blog’ link in the breadcrumb so it says Home / Blog / Blog / ‘post’. Is this something that I’ve done wrong when setting it up?

Many thanks for your help.

Bests,
Dan

[Hilary]

Hilary

#81383

Hello again!

Of course the moment I sent this, I think we figured it out. The logo is still very small, but I think that has more to do with our image than with the code. Holler if we should have done it differently, or if there is a better solution.

Thanks,
Jessamy

Our solution:

@media screen and (max-width: 767px){
#thelogo {
max-width: 100%;
height: auto;
float: left;
content: url(‘http://test.belleville.lib.mi.us/wp-content/uploads/2016/02/banner_mobile2016.jpg’);
}

[Ben Ritner]

Ben Ritner

#81360

Hey,
It’s kind of possible with css, It’s not really recommend because it wasn’t really designed to work that way but as along as your not using the shrink header option it’s possible with come css hacks.

.kad-header-right, .kad-header-left {
    width: 100%;
}
.kad-primary-nav ul.sf-menu li {
    float: none;
    display: inline-block;
}
.kad-primary-nav ul.sf-menu {
    float:none;
    text-align:center;
}
.kad-header-style-basic #logo #thelogo {
    text-align: center;
}
#kad-banner #logo .kad-lg {
    margin: 0 auto;
}

You would need to make your header style the defualt.

Ben

[Ben Ritner]

Ben Ritner

#81035

You would just then need to add this css:

body.home #kad-banner #logo .kad-retina-logo {
   max-height:none !important;
}

Ben

[Marc]

Marc

#81008

hello

i used this setting
http://s30.postimg.org/sq3qdihgx/Knipsel.jpg

but there are so much options which options 2 choose to get a page like nightskies?

for example i choose image background but it will get in banner
please help me with settings to choose

[Kevin]

Kevin

#80959

I noticed that it’s also duplicating the Banner Graphics page. The first thing that I would try is temporarily disabling your plugins one by one to see if they are causing any conflicts.

I’ll keep looking into the issue, but that’s a good starting point.

[True Doors]

True Doors

#80917

Thanks for the shortcode. Is there a list of shortcodes somewhere online I can refer to? I couldn’t find this when searching on Google or this website.

The way we had solved the translation of the image widget is here:
https://www.kadencewp.com/support-forums/topic/translating-the-sitewide-banner/

[Ben Ritner]

Ben Ritner

#80894

Hey,
You just need to add this css into your theme options > advanced settings custom css box:

body.home #kad-banner #logo .kad-retina-logo {
   display:block !important;
}

body.home #kad-banner #logo .kad-standard-logo {
    display:none !important;
}
body #kad-banner #logo .kad-retina-logo {
    display:none !important;
}

body #kad-banner #logo .kad-standard-logo {
    display:block !important;
}

Ben

[Hannah]

Hannah

#80886

Hey Alannah,
I’m seeing this in your css:

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
body #kad-banner #logo .kad-standard-logo {
    display: none;
}
body #kad-banner #logo .kad-retina-logo {
    display: block;
}
}

If I’m understanding correctly I think you just need to make those specific to your homepage. Try replacing with this:

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.home body #kad-banner #logo .kad-standard-logo {
    display: none;
}
.home body #kad-banner #logo .kad-retina-logo {
    display: block;
}
}

Does that work for you?

Hannah

[Ben Ritner]

Ben Ritner

#80683

ok, I see the issue,

Here is a temp fix:

@media (max-width: 991px) {
.stickyheader #kad-banner-sticky-wrapper, .stickyheader #kad-banner-sticky-wrapper #kad-banner {
    position: static !important;
}
}

I’m looking into adding an option for the center header to also have a mobile sticky option.

Ben

[Adrian]

Adrian

#80346

Hi,

For some reason the banner and icon’s aren’t showing on the homepage of the website http://www.westpointearthmoving.co.nz

I have tried to deactivate most plugins and this doesn’t seem to fix the problem.

Really appreciate the help.

Thank you

[Adrian]

Adrian

#80346

Hi,

For some reason the banner and icon’s aren’t showing on the homepage of the website http://www.westpointearthmoving.co.nz

I have tried to deactivate most plugins and this doesn’t seem to fix the problem.

Really appreciate the help.

Thank you

[Fergal]

Fergal

#80115

menu bar changes colour when i change content background colour in middle of page…i changed the .clearfix colour which seems to be behind the #thelogo on either side…you will have to explain for me what to do for dummies as im not a coder…i want the top bar menu which i think is #kad-banner.banner.headerclass to be black (the main menu bar with my pages links and logo) and the main content area to be light green…people online are chatting about a child thingy…i have one but don’t know how to manipulate it…do i put new code in the child file that overwrites the main style ? Im using the custom css to change the colours…
Regards: Fergal

[Fergal]

Fergal

#80115

menu bar changes colour when i change content background colour in middle of page…i changed the .clearfix colour which seems to be behind the #thelogo on either side…you will have to explain for me what to do for dummies as im not a coder…i want the top bar menu which i think is #kad-banner.banner.headerclass to be black (the main menu bar with my pages links and logo) and the main content area to be light green…people online are chatting about a child thingy…i have one but don’t know how to manipulate it…do i put new code in the child file that overwrites the main style ? Im using the custom css to change the colours…
Regards: Fergal