Search Results for 'banner'

[ROCAFORT]

ROCAFORT

#254420

Hannah!
Sending a link, sorry for the draft:

https://www.skiandclub.ru/samolyotom-v-andorru/

I want to make a full width banner above the title

[Hannah]

Hannah

#254409

Your link took me to a draft page so I am unable to view it. Can you link to a live page? Is it the header background image you’re wanting to replace per page? Or the sitewide banner?

Thanks,
Hannah

[ROCAFORT]

ROCAFORT

#254377

Hi Hannah!
The first banner I would like to install on the page:

https://clck.ru/Q8cYq

Please provide information on CSS. I’ll try

[ROCAFORT]

ROCAFORT

#254302

I want to make different headers with banners for different blog pages
How can I implement this?

[ROCAFORT]

ROCAFORT

#254302

I want to make different headers with banners for different blog pages
How can I implement this?

[Ben Ritner]

Ben Ritner

#254093

Hey,
In our slider settings you can set fullwidth and fullheight then since you can add #kad-banner into the offset area.

Ben

[Ben Ritner]

Ben Ritner

#254014

It has to do with the css to make the header fullwidth, you can use this css to set the search though:

#kad-banner #kad-menu-search-popup {
    width: 300px;
}

Ben

[Hannah]

Hannah

#253924

You have some random extra brackets in your css. Try changing all that to this:

@media (max-width: 768px) {
.kad-header-left {
width: 85%;
}
.kad-header-right {
width: 15%;
}
.kad-header-style-basic #logo a.brand {
font-size:20px !important;
}
}

@media (max-width: 350px) {
.kad-header-style-basic #logo a.brand {
font-size:18px !important;
}
}

topbar_social img {
width: 100%;
}
#kad-banner #topbar .topbarsociallinks li a {
max-width: 150px;
}

.page-header .portfolionav, .page-header .portfolionav a {
color:#000;
font-size: 15px;
font-weight: bold;
}

#kadbreadcrumbs, #kadbreadcrumbs a {
color: #000;
font-size: 15px;
font-weight: bold;
}

p.subtitle.home-page-subtitle {
font-size: 34px;
font-weight: bold;
}

Let me know if the issue remains!

Hannah

[Rick]

Rick

#253876

Hi Hannah,

That didn’t work. I set the header background to black and wanted to make the menu gold. I used this code.

#kad-banner .container {
    width: 100%;
    max-width: none;
    background-color: #cc9900;
}

The code is still there and just made the whole header gold again. I’m not sure if understood what you were saying. I also notice when I scroll down and the menu becomes sticky it turns black. Please let me know what I did wrong.

• This reply was modified 5 years, 9 months ago by Rick.

[Hannah]

Hannah

#253864

Hey,
You can use this css:

#kad-banner .container {
    width: 100%;
    max-width: none;
}
div#nav-main-sticky-wrapper {
    height: auto !important;
}

Hope it helps!

Hannah

[Hannah]

Hannah

#253863

Hey Rick,
The logo and menu are both parts of the header. If you want to add custom color to the background of just the menu you can use this css:

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

And you can adjust the rest of the header background fro Theme Options > Advanced Styling.
Hope that helps!

Hannah

[Joy]

Joy

#253795

This reply has been marked as private.

[Hannah]

Hannah

#253787

You can play around with this css:

.topbar_social img {
    width: 100%;
}
#kad-banner #topbar .topbarsociallinks li a {
    max-width: 150px;
}

Does that work for you?

Hannah

[Hannah]

Hannah

#253140

Please stick to one thread for each question: https://www.kadencewp.com/support-forums/topic/delete-gap-between-secondary-menu-and-slider-banner/#post-253139
Thanks:)

Hannah

[marketing12]

marketing12

#253118

How do I get rid of the gap (highlighted in red) I need the slider banner to sit next to the menu with no white gap/

[marketing12]

marketing12

#253118

How do I get rid of the gap (highlighted in red) I need the slider banner to sit next to the menu with no white gap/

[marketing12]

marketing12

#253078

How do I delete gap between secondary menu and slider banner

[marketing12]

marketing12

#253078

How do I delete gap between secondary menu and slider banner

[Vitor]

Vitor

#252708

I changed the home banner to Kadence Slider pro and the home started working again, but other pages still have a problem. For example, https://www.mrosa-rs.com.br/artefatos-de-cimento/alvenaria-em-concreto/caneleta/

[peter26]

peter26

#251826

Hi,

I’d like to colour the archive+product page banners differently for Out Of Stock Vs On Sale.

At present I have a transparent red on both, but want the On Sale items only to have this green: rgba(68, 216, 68, 0.47)

This page has examples of both at the top of the archive:

*Login to see link

Many thanks

Pete

[peter26]

peter26

#251826

Hi,

I’d like to colour the archive+product page banners differently for Out Of Stock Vs On Sale.

At present I have a transparent red on both, but want the On Sale items only to have this green: rgba(68, 216, 68, 0.47)

This page has examples of both at the top of the archive:

*Login to see link

Many thanks

Pete

[Ryan Minkoff]

Ryan Minkoff

#251525

Correct, I couldn’t use the basic mobile header as my client wanted a call now button on the mobile view so I am using css as a work around to display the call now button through the primary menu so that it is next to the hamburger menu icon. I think I previously tried to use the simple mobile banner and it wasn’t as easy to do. At the time I didn’t know how to do javascript, but now I do, do you think a better solution would be to insert the call now button using javascript? Also is there a better solution that I am unaware of?

[Ryan Minkoff]

Ryan Minkoff

#251453

The problem can be seen here: solanta.com

I already fixed the problem on the locally hosted version using css, all I did was add :

#kad-banner,
#kad-banner-sticky-wrapper {
position: fixed !important;
}

and that seemed to fix it for now, but prior to that I don’t remember it being positioned as static but inline styles of the #kad-banner includes “position: static” and I don’t think it started doing that until recently. I could be wrong though. I also added a margin on the content-container since the sticky wrapper is now also positioned as fixed. and I had to also increase the z-index because it started displaying behind some of the row layouts after scrolling down, but otherwise I think that solved my problem. But if you get the chance, take a look at the live site and tell me if there was something else causing this error

[Ryan Minkoff]

Ryan Minkoff

#251417

Hello I noticed that as of the latest update, my menu no longer sticks to the top on mobile. I know I can fix this with CSS but I noticed that the div with the id of #kad-banner-sticky-wrapper no longer appears when the browser is displaying at mobile and tablet sizes and wasn’t sure if that was an intended feature of a recent update. Also is there new javascript defining the inline style to be static? Is there anyway you guys can add a feature in the theme settings that allows the user to make the banner be sticky? I know I can override it with some css rules, I was just curious if there’s a reason why the theme discourages a sticky banner on mobile devices.

[Ryan Minkoff]

Ryan Minkoff

#251417

Hello I noticed that as of the latest update, my menu no longer sticks to the top on mobile. I know I can fix this with CSS but I noticed that the div with the id of #kad-banner-sticky-wrapper no longer appears when the browser is displaying at mobile and tablet sizes and wasn’t sure if that was an intended feature of a recent update. Also is there new javascript defining the inline style to be static? Is there anyway you guys can add a feature in the theme settings that allows the user to make the banner be sticky? I know I can override it with some css rules, I was just curious if there’s a reason why the theme discourages a sticky banner on mobile devices.