Search Results for 'banner'

[Bernat]

Bernat

#184046

I would like that the image on the banner gets resized on mobile phones, and tablets. At this moments it doesn’t. Any tips
Thanks in advance

[Bernat]

Bernat

#184046

I would like that the image on the banner gets resized on mobile phones, and tablets. At this moments it doesn’t. Any tips
Thanks in advance

[Ben Ritner]

Ben Ritner

#183527

.body-style-normal.admin-bar .sticky-wrapper > #kad-mobile-banner {
    position: fixed;
    width: 100%;
    z-index: 1000;
    top:32px;
}
 @media (max-width: 782px) {
.body-style-normal.admin-bar .sticky-wrapper > #kad-mobile-banner {
    top:46px;
}
}

add that css, let me know how it works for your tablets and small screens and if you still see a slight bounce in safari or firefox.

Ben

[anthony7]

anthony7

#183526

Ben

Thank you.I completely understand your frustration at not being able to reproduce this. I don’t at all understand why we can see it and you can’, so share your frustration.

Unfortunately the problem does affect our users because quite a few of them are allowed to edit pages and so have the admin bar displayed.

I wonder if the following helps?

I believe that your fix is to make the kad-header-menu and kad-mobile-banner have position fixed. Is that correct? If so, then to debug it, perhaps you don’t actually need to see the bounce – all you need is to be able to see whether the calculated position is fixed?

In fact, if I look at it with the developer tools, the kad-mobile-banner has position:relative until scrolled if the admin bar is showing. (There is a rule that fixes it normally but it includes a :not(.admin-bar) selector. ) This looks suspiciously like the culprit!

Is that any use to you?

Thanks for your help

Anthony

[Ben Ritner]

Ben Ritner

#183514

By default (save ink movement in browsers) all backgrounds are removed. Your logo is white which is why it’s not visible because the background is removed. This is not a theme thing, it’s a browser thing.

If you click on your settings on the print popup window you can check the box to enable backgrounds.

If you think your site is going to be printed a lot then I would suggest adding styling specifically for printers that will also keep the background from needing to be printed for things to be visible since most people will not turn on backgrounds to print.

For example css like this:

@media print {
.titleclass {
background:#fff !important;
}
.titleclass .entry-title, .titleclass h1 {
color:#444 !important;
}
#kad-header-menu {
    display: block !important;
}
#kad-mobile-banner {
    display: none !important;
}
.nav-main ul.sf-menu > li > a {
    color: #000 !important;
}
.kt-header-position-above #logo a img {
    display:none;
}
.kt-header-position-above #logo a:before {
    content: 'Gasthof-Hotel zur Post';
    font-size: 20px;
    color: #000;
}
.kad-center-header {
    float: left;
    display:block;
    width:60%;
}
.kad-header-menu-inner.container {
    width:100%;
    max-width:100%;
}
.kad-header-flex {
    display:block;
}
.kt-header-flex-item {
    float: left;
    width:20%;
    display:block;
}
}

[Liam J]

Liam J

#183430

Hi for the third and final time today!

Just wondering if there is a way to change the default aspect ratio, i.e. a custom default width and height in pixels, of the landscape banner-shaped images that are created when this option is chosen for post summaries? I know one way to achieve this is by uploading a featured image with a width less than that used for the post summary landscape images, but I would prefer to be able to upload larger images than needed for flexibility and for those to be cropped to a desired aspect ratio.

Many thanks

Liam

[Liam J]

Liam J

#183430

Hi for the third and final time today!

Just wondering if there is a way to change the default aspect ratio, i.e. a custom default width and height in pixels, of the landscape banner-shaped images that are created when this option is chosen for post summaries? I know one way to achieve this is by uploading a featured image with a width less than that used for the post summary landscape images, but I would prefer to be able to upload larger images than needed for flexibility and for those to be cropped to a desired aspect ratio.

Many thanks

Liam

[phil2]

phil2

#183365

Thanks Ben, that CSS fixes the hidden results.

You raise a great point re the images. I had featured images associated with most pages but the client asked for banners to be removed.
He’s also unenthusiastic about images with posts (!).
The search results page shows images where they are associated but because they are a variety of sizes, the alignment varies – sort of “mosaic”. I’d like to look at tidy the results by removing the images and presenting more of a list than an attractive pictoral display.

Should I initiate a new thread for this?
Thanks,
Phil.

[Tom]

Tom

#182960

Hi

I know that the page title within Virtue translates to the H1 tag seen by search engines, but I have a couple of questions:

1) Is it possible for a search engine to “see” the H1 tag, whilst having the page titles hidden from pages? I use a Kadence banner as the visible “page title” on each page, so don’t really want to also show the normal page title, but I would still like the search engines to be able to “see” the H1 tag

2) Is there a way to set the homepage H1 tag independently of the page title? As I see it, the page title needs to be ‘Home’ but I don’t want my H1 tag being ‘home’ as this isn’t useful in SEO terms?

Thank you in advance! The website I’m talking about is http://www.bryhercampsite.co.uk

[Tom]

Tom

#182960

Hi

I know that the page title within Virtue translates to the H1 tag seen by search engines, but I have a couple of questions:

1) Is it possible for a search engine to “see” the H1 tag, whilst having the page titles hidden from pages? I use a Kadence banner as the visible “page title” on each page, so don’t really want to also show the normal page title, but I would still like the search engines to be able to “see” the H1 tag

2) Is there a way to set the homepage H1 tag independently of the page title? As I see it, the page title needs to be ‘Home’ but I don’t want my H1 tag being ‘home’ as this isn’t useful in SEO terms?

Thank you in advance! The website I’m talking about is http://www.bryhercampsite.co.uk

[Venci]

Venci

#182908

This reply has been marked as private.

[Ben Ritner]

Ben Ritner

#181478

Hey,

Sorry, you have the header set to sticky so you need this as well:

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

So even if you assign a page to be the front page it’s still the front page and that pages template won’t apply.

That’s why you would need css.

I might recommend you consider an actual splash page plugin because then your user wouldn’t have to lose access to your menu if they clicked on your logo and would then have to go back to your home page which is being treated as a splash page.

Ben

[Ben Ritner]

Ben Ritner

#181458

My home page is pointing to the template landing no header .

Hey,
A home page is not a templated page. You can’t assign a template to it because it’s already templated as the “front-page.php” file.

The landing page template is for landing pages for marketing it’s not going to work as a splash home page.

You can force this using this css in your theme options > advanced settings:

.home #kad-banner, .home #containerfooter {
    display:none;
}

Ben

[Ben Ritner]

Ben Ritner

#181260

The trigger fires as soon as the page scrolls it’s not gradual. It’s any amount beyond the starting point.

Here is the long term css I suggest:

.sticky-wrapper > #kad-header-menu {
    position: fixed;
    width: 100%;
    z-index: 1000;
    top:0;
}
body.admin-bar .sticky-wrapper > #kad-header-menu {
    top:32px;
}
.sticky-wrapper > #kad-mobile-banner {
    position: fixed;
    width: 100%;
    z-index: 1000;
    top:0;
}
body.admin-bar .sticky-wrapper > #kad-mobile-banner {
    top:46px;
}

I am going to explore this more see if I can find a good way to recreate and test against but that will just make everything fixed from the start which I assume may have to be the ending solution.

[Jerry]

Jerry

#181214

Hi Kevin. Thanks for looking into this.

The css you gave me did not seem to modify the appearance of the front page. The purple content background still appears under the slider.

I have just added css to hide the footer – .home #containerfooter, .home #kad-mobile-banner {
display: none; so of course the footer is not longer visible on the Home page. That works but the background is still visible.

Could a call-to-action somehow be involved here? I cannot find a call-to-action parm in the Ascend theme options. Is there one?

Thanks for following up and sending the issue to a developer.

FYI, the Home page template is set to Default. Whether set to that or Landing Page makes no difference.

Jerry

[phil2]

phil2

#181209

Thanks Hannah,

Yes, they’re the ones. I think it may be a manual process….. 🙁
Your CSS will certainly prevent them showing when the page is viewed but of course the association is still there.
I think what I need is some SQL that will run once and go through the relevant table and remove the instruction to display the particular banner, while retaining the image as a featured image for that page.

It sounds like I’m making it too difficult and manual might be more appropriate!
Many thanks all the same for helping me narrow it down.
Kind regards,
Phil.

[Hannah]

Hannah

#181189

Hi Phil,
Are you referring to all your potato images? They’re all being added through different methods (page builder, feature page, etc.) so there isn’t one css class that would remove them. This would remove the banner from your featured pages:

.postfeat.pageheadfeature.container.feature_container {
    display: none;
}

You can paste that into your custom css box in Theme Options > Advanced Settings. Just be sure to remove it when you plan to show featured images again.

Hannah

[phil2]

phil2

#181171

Hi Team,

We are having a wholesale replacement of banner and header images across the site. But rather than do it page-by-page, instead the client wants all the images removed now, then we will replace with more relevant banners in due course.

Is there a programmatic way to remove all the banners/header images across the site?
Thanks,
Phil.

[phil2]

phil2

#181171

Hi Team,

We are having a wholesale replacement of banner and header images across the site. But rather than do it page-by-page, instead the client wants all the images removed now, then we will replace with more relevant banners in due course.

Is there a programmatic way to remove all the banners/header images across the site?
Thanks,
Phil.

[Ben Ritner]

Ben Ritner

#181155

Can’t really see what on your site is causing this but css transitions are not wanting to work in Safari, which is causing the issue sometimes in safari only. I can’t see if a plugin is doing this or what. But I added this css and it seems to be working now:

.trans-header #kad-banner-sticky-wrapper .headerclass {
   transition: none;
}
.sf-menu a {
    transition: none;
}

I will try some experiments with the plugins your using to see if I can find a way to recreate.

Ben

[anthony7]

anthony7

#181022

Thank you Ben

No, the bounce happened whether I was logged in or not.

I have stopped the bounc. I did it by following your suggestion – sort of. What I had already, after your initial response, is the following. note that I removed the .trans-header, but had to add the width and z-index for it to work properly – that’s OK but I wonder why it worked without that for you – maybe I am doing something wrong? Note also that this worked regardless of whether I was logged in or not.

body #kad-header-menu{
position: fixed;
width:100%;
z-index:1000;
}

Now I have added:

body #kad-mobile-banner{
position:fixed;
width:100%;
}

body.admin-bar #kad-mobile-banner{
top:32px;
}

This works, but please can I check this makes sense to you, because it doesn’t correspond exactly with your suggestion?

Thank you

Anthony

[anthony7]

anthony7

#180954

Hi Ben

I applied your work-around for the header bounce (point 1) when you suggested it (though I had to miss out the .trans-header because we aren’t usually using transparent headers)

However I’ve only just noticed that I still get the bounce when the width is below 992px.
I did try adding the analogous
body #kad-mobile-banner{position:fixed}
but this pushed the header up behind the WordPress admin bar if that was showing, until the page was scrolled down.

Can you advise, please?

Thanks

Anthony

[Gary]

Gary

#179834

Good Morning,

I have a question regarding the category header banners. I feel it takes the site an extra few seconds to load the category landing product pages due to the large header banner I have for each category… I’ve optimized the image but it still lags when loading I think. Though I want the banner to initially appear on the first page of every category when a shopper lands on it, but is there a setting or a code to stop the header banner from loading onto the rest of the product pages after the shopper click to go to page 2, 3… and so on?

http://www.GroomsRing.com

Category Landing Page: https://groomsring.com/product-category/gold/14k-fancy-rings/

Thank you,
Gary

[Gary]

Gary

#179774

Good Morning Ben and Hannah,

I have a question regarding the category header banners. I feel it takes the site an extra few seconds to load the category landing product pages due to the large header banner I have for each category… I’ve optimized the image but it still lags when loading I think. Though I want the banner to initially appear on the first page of every category when a shopper lands on it, but is there a setting or a code to stop the header banner from loading onto the rest of the product pages after the shopper click to go to page 2, 3… and so on?

http://www.GroomsRing.com

Category Landing Page: *Login to see link

Thank you,
Gary

[Gary]

Gary

#179774

Good Morning Ben and Hannah,

I have a question regarding the category header banners. I feel it takes the site an extra few seconds to load the category landing product pages due to the large header banner I have for each category… I’ve optimized the image but it still lags when loading I think. Though I want the banner to initially appear on the first page of every category when a shopper lands on it, but is there a setting or a code to stop the header banner from loading onto the rest of the product pages after the shopper click to go to page 2, 3… and so on?

http://www.GroomsRing.com

Category Landing Page: *Login to see link

Thank you,
Gary