Search Results for 'banner'

[Lesly]

Lesly

#256332

Hi, I want to add a video in the product page to teach my clients how to order the Product and I taught of Adding a slider to the product that can link to a YOUTUBE VIDEO but can find the way. Can you help or do you know another way to do so.

Thank you for your help.
*Login to see link

[Lesly]

Lesly

#256332

Hi, I want to add a video in the product page to teach my clients how to order the Product and I taught of Adding a slider to the product that can link to a YOUTUBE VIDEO but can find the way. Can you help or do you know another way to do so.

Thank you for your help.
*Login to see link

[Fan Yang]

Fan Yang

#256257

pls check this page
https://china-specialist.com/hulun-buir-grassland/
the banner I used advanced gallery, because i want to use the image filter

[Chris]

Chris

#256230

Hello,

Try this:

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

[Chris]

Chris

#256207

Hello,

You can use this to hide the menu header:

.home #kad-banner {
    display: none!important;
}
.home .contentclass {
    background: #fff;
    padding-bottom: 30px;
    padding-top: 0px;
}

Let me know if that works or if you need anything else.

Thanks!

[paul]

paul

#256201

Hi there.
I was looking at the idea of using a slider for my landing page but when I go to edit page and page template and use landing page no header the page stil has the banner with logo. Anyone help please.
Kind regards
Paul

[paul]

paul

#256201

Hi there.
I was looking at the idea of using a slider for my landing page but when I go to edit page and page template and use landing page no header the page stil has the banner with logo. Anyone help please.
Kind regards
Paul

[Dave]

Dave

#256180

Hi,

I just read a similar post question regarding Virtue Theme which helped a little (July 2018) here: *Login to see link

Our banners (Kadence Slider) and Home Page images in most of our designs are prepared/cropped to a specific size before upload and displayed as Full Size, hence I suspect they are irrelevant to these generalised settings for the most part as they would not fit with the general WordPress cropping sizes used for common areas of the website.

We’re likely to commonly work with Kadence Theme Default Content Max-Width and Narrow Layout Max Width (1290 / 842) and pass on your recommendations of suggested image upload sizes (1600px x 1600px) to customers. So, for common areas in internal pages such as Blog images, in-page image uploads when working with Kadence Theme (pro) and common Kadence Blocks (post feed, posts, galleries, info boxes, etc), I was wondering if there would be a general rule-of-thumb (pardon the pun) for these settings nowadays?

I hope this question is not too general but WordPress Media Settings has always been ignored by us because in the past we created custom fields (with exact sizes) for large and small images everywhere, however we’re changing this practice now.

Thanks

[Dave]

Dave

#256180

Hi,

I just read a similar post question regarding Virtue Theme which helped a little (July 2018) here: *Login to see link

Our banners (Kadence Slider) and Home Page images in most of our designs are prepared/cropped to a specific size before upload and displayed as Full Size, hence I suspect they are irrelevant to these generalised settings for the most part as they would not fit with the general WordPress cropping sizes used for common areas of the website.

We’re likely to commonly work with Kadence Theme Default Content Max-Width and Narrow Layout Max Width (1290 / 842) and pass on your recommendations of suggested image upload sizes (1600px x 1600px) to customers. So, for common areas in internal pages such as Blog images, in-page image uploads when working with Kadence Theme (pro) and common Kadence Blocks (post feed, posts, galleries, info boxes, etc), I was wondering if there would be a general rule-of-thumb (pardon the pun) for these settings nowadays?

I hope this question is not too general but WordPress Media Settings has always been ignored by us because in the past we created custom fields (with exact sizes) for large and small images everywhere, however we’re changing this practice now.

Thanks

[Marty]

Marty

#255985

The page I am inserting is… https://www.ahyoudmd.com/office-info/ When show it it is okay. I also inserted the shortcode to insert the page on another page, [insert page=’office-info’ display=’content’] and it also did not display correctly but when I showed the page by it self it is okay.

This Style code is in the middle, not sure why it is present. With this included it breaks the section into 2 columns. This is not present when the page /office-info/ is displayed by itself and not included with insert page shortcode.

<style id="kt-blocks_c88428-58" type="text/css" class="wp-block-kadence-column top-banner">.kt-row-layout-inner > .kt-row-column-wrap > .kadence-column_c88428-58 > .kt-inside-inner-col {padding-top:0px;padding-bottom:0px;padding-left:0px;padding-right:0px;margin-top:0px;margin-bottom:0px;margin-right:0px;margin-left:0px;}</style>

If I remove it while using the inspector in the web brower then the column goes away and the content fills to 100% of page width.

Here is the full code with the <Style> section I mentioned above.

<div class="wp-block-kadence-rowlayout alignnone top-banner"><div id="kt-layout-id_2d8b28-a8" class="kt-row-layout-inner kt-layout-id_2d8b28-a8"><div class="kt-row-column-wrap kt-has-1-columns kt-gutter-default kt-v-gutter-default kt-row-valign-top kt-row-layout-equal kt-tab-layout-inherit kt-m-colapse-left-to-right kt-mobile-layout-row"><style id="kt-blocks_c88428-58" type="text/css" class="wp-block-kadence-column top-banner">.kt-row-layout-inner > .kt-row-column-wrap > .kadence-column_c88428-58 > .kt-inside-inner-col {padding-top:0px;padding-bottom:0px;padding-left:0px;padding-right:0px;margin-top:0px;margin-bottom:0px;margin-right:0px;margin-left:0px;}</style>
<div class="wp-block-kadence-column inner-column-1 kadence-column_c88428-58 top-banner"><div class="kt-inside-inner-col" style="background:rgba(255, 255, 255, 1)"><style id="kt-blocks_f3ed07-33" type="text/css" class="wp-block-kadence-accordion">.kt-accordion-id_f3ed07-33 .kt-accordion-panel-inner {border-color:#757169;background:#eee;border-width:0px 1px 1px 1px;}.kt-accordion-id_f3ed07-33 .wp-block-kadence-pane .kt-blocks-accordion-header {color:#fff;background:#dd5d0e;border-color:#eeeeee #eeeeee #eeeeee #eeeeee;font-size:18px;line-height:24px;border-radius:0px 0px 0px 0px;border-width:1px 1px 1px 2px;padding:14px 16px 14px 16px;margin-top:10px;}.kt-accordion-id_f3ed07-33 .kt-blocks-accordion-header .kt-btn-svg-icon svg {width:18px;height:18px;}.kt-accordion-id_f3ed07-33:not( .kt-accodion-icon-style-basiccircle ):not( .kt-accodion-icon-style-xclosecircle ):not( .kt-accodion-icon-style-arrowcircle ) .kt-blocks-accordion-icon-trigger:after, .kt-accordion-id_f3ed07-33:not( .kt-accodion-icon-style-basiccircle ):not( .kt-accodion-icon-style-xclosecircle ):not( .kt-accodion-icon-style-arrowcircle ) .kt-blocks-accordion-icon-trigger:before {background:#fff;}.kt-accordion-id_f3ed07-33:not( .kt-accodion-icon-style-basic ):not( .kt-accodion-icon-style-xclose ):not( .kt-accodion-icon-style-arrow ) .kt-blocks-accordion-icon-trigger {background:#fff;}.kt-accordion-id_f3ed07-33:not( .kt-accodion-icon-style-basic ):not( .kt-accodion-icon-style-xclose ):not( .kt-accodion-icon-style-arrow ) .kt-blocks-accordion-icon-trigger:after, .kt-accordion-id_f3ed07-33:not( .kt-accodion-icon-style-basic ):not( .kt-accodion-icon-style-xclose ):not( .kt-accodion-icon-style-arrow ) .kt-blocks-accordion-icon-trigger:before {background:#dd5d0e;}.kt-accordion-id_f3ed07-33 .kt-blocks-accordion-header:hover, .kt-accordion-id_f3ed07-33 .kt-blocks-accordion-header:focus {color:#fff;background:#444;border-color:#d4d4d4 #d4d4d4 #d4d4d4 #d4d4d4;}.kt-accordion-id_f3ed07-33:not( .kt-accodion-icon-style-basiccircle ):not( .kt-accodion-icon-style-xclosecircle ):not( .kt-accodion-icon-style-arrowcircle ) .kt-blocks-accordion-header:hover .kt-blocks-accordion-icon-trigger:after, .kt-accordion-id_f3ed07-33:not( .kt-accodion-icon-style-basiccircle ):not( .kt-accodion-icon-style-xclosecircle ):not( .kt-accodion-icon-style-arrowcircle ) .kt-blocks-accordion-header:hover .kt-blocks-accordion-icon-trigger:before, .kt-accordion-id_f3ed07-33:not( .kt-accodion-icon-style-basiccircle ):not( .kt-accodion-icon-style-xclosecircle ):not( .kt-accodion-icon-style-arrowcircle ) .kt-blocks-accordion-header:focus .kt-blocks-accordion-icon-trigger:after, .kt-accordion-id_f3ed07-33:not( .kt-accodion-icon-style-basiccircle ):not( .kt-accodion-icon-style-xclosecircle ):not( .kt-accodion-icon-style-arrowcircle ) .kt-blocks-accordion-header:focus .kt-blocks-accordion-icon-trigger:before {background:#fff;}.kt-accordion-id_f3ed07-33:not( .kt-accodion-icon-style-basic ):not( .kt-accodion-icon-style-xclose ):not( .kt-accodion-icon-style-arrow ) .kt-blocks-accordion-header:hover .kt-blocks-accordion-icon-trigger, .kt-accordion-id_f3ed07-33:not( .kt-accodion-icon-style-basic ):not( .kt-accodion-icon-style-xclose ):not( .kt-accodion-icon-style-arrow ) .kt-blocks-accordion-header:focus .kt-blocks-accordion-icon-trigger {background:#fff;}.kt-accordion-id_f3ed07-33:not( .kt-accodion-icon-style-basic ):not( .kt-accodion-icon-style-xclose ):not( .kt-accodion-icon-style-arrow ) .kt-blocks-accordion-header:hover .kt-blocks-accordion-icon-trigger:after, .kt-accordion-id_f3ed07-33:not( .kt-accodion-icon-style-basic ):not( .kt-accodion-icon-style-xclose ):not( .kt-accodion-icon-style-arrow ) .kt-blocks-accordion-header:hover .kt-blocks-accordion-icon-trigger:before, .kt-accordion-id_f3ed07-33:not( .kt-accodion-icon-style-basic ):not( .kt-accodion-icon-style-xclose ):not( .kt-accodion-icon-style-arrow ) .kt-blocks-accordion-header:focus .kt-blocks-accordion-icon-trigger:after, .kt-accordion-id_f3ed07-33:not( .kt-accodion-icon-style-basic ):not( .kt-accodion-icon-style-xclose ):not( .kt-accodion-icon-style-arrow ) .kt-blocks-accordion-header:focus .kt-blocks-accordion-icon-trigger:before {background:#444;}.kt-accordion-id_f3ed07-33 .kt-blocks-accordion-header.kt-accordion-panel-active {color:#fff;background:#294b77;border-color:#eeeeee #eeeeee #eeeeee #0e9cd1;}.kt-accordion-id_f3ed07-33:not( .kt-accodion-icon-style-basiccircle ):not( .kt-accodion-icon-style-xclosecircle ):not( .kt-accodion-icon-style-arrowcircle ) .kt-blocks-accordion-header.kt-accordion-panel-active .kt-blocks-accordion-icon-trigger:after, .kt-accordion-id_f3ed07-33:not( .kt-accodion-icon-style-basiccircle ):not( .kt-accodion-icon-style-xclosecircle ):not( .kt-accodion-icon-style-arrowcircle ) .kt-blocks-accordion-header.kt-accordion-panel-active .kt-blocks-accordion-icon-trigger:before {background:#fff;}.kt-accordion-id_f3ed07-33:not( .kt-accodion-icon-style-basic ):not( .kt-accodion-icon-style-xclose ):not( .kt-accodion-icon-style-arrow ) .kt-blocks-accordion-header.kt-accordion-panel-active .kt-blocks-accordion-icon-trigger {background:#fff;}.kt-accordion-id_f3ed07-33:not( .kt-accodion-icon-style-basic ):not( .kt-accodion-icon-style-xclose ):not( .kt-accodion-icon-style-arrow ) .kt-blocks-accordion-header.kt-accordion-panel-active .kt-blocks-accordion-icon-trigger:after, .kt-accordion-id_f3ed07-33:not( .kt-accodion-icon-style-basic ):not( .kt-accodion-icon-style-xclose ):not( .kt-accodion-icon-style-arrow ) .kt-blocks-accordion-header.kt-accordion-panel-active .kt-blocks-accordion-icon-trigger:before {background:#294b77;}</style>
<div class="wp-block-kadence-accordion alignnone"><div class="kt-accordion-wrap kt-accordion-wrap kt-accordion-id_f3ed07-33 kt-accordion-has-3-panes kt-active-pane-0 kt-accordion-block kt-pane-header-alignment-left kt-accodion-icon-style-arrow kt-accodion-icon-side-right" style="max-width:none"><div class="kt-accordion-inner-wrap kt-accordion-initialized" data-allow-multiple-open="false" data-start-open="none" role="presentation">
<div class="wp-block-kadence-pane kt-accordion-pane kt-accordion-pane-3 kt-pane_49469d-1f"><div class="kt-accordion-header-wrap"><button class="kt-blocks-accordion-header kt-acccordion-button-label-show" id="kt-accordion-header-303859" aria-controls="kt-accordion-panel-303859" data-kt-accordion-header-id="0" aria-expanded="false"><span class="kt-blocks-accordion-title-wrap"><span class="kt-blocks-accordion-title">COVID-19 Update</span></span><span class="kt-blocks-accordion-icon-trigger"></span></button></div><div class="kt-accordion-panel kt-accordion-panel-hidden" id="kt-accordion-panel-303859" aria-labelledby="kt-accordion-header-303859" role="region" data-panel-height="914.4000244140625px" style=""><div class="kt-accordion-panel-inner">
<p>Dear Valued Patients:</p>
<p>We hope this finds you and your family in good health. Our community has been through a lot over the last few months, and all of us are looking forward to resuming our normal habits and routines. While many things have changed, one thing has remained the same: our commitment to your safety.</p>
<p>Infection control has always been a top priority for our practice and you may have seen this during your visits to our office. Our infection control processes are made so that when you receive care, it’s both safe and comfortable. We want to tell you about the infection control procedures we follow in our practice to keep patients and staff safe.</p>
<p>Our office follows infection control recommendations made by the American Dental Association (ADA), the U.S. Centers for Disease Control and Prevention (CDC), and the Occupational Safety and Health Administration (OSHA). We follow the activities of these agencies so that we are up-to-date on any new rulings or guidance that may be issued.</p>
<p>You may see some changes when it is time for your next appointment. For the safety of you and our staff, we are asking you to follow these guidelines we have put in place:</p>
<ul><li>We are requesting that everyone wear a mask for their appointment.</li><li>Our office will communicate with you beforehand to ask for some screening questions. You may be asked those same questions again when you are in the office.</li><li>We are asking you to wait in your car and call our office at 503-655-0613 to check-in before entering the building. If you do not have a cell phone, please check-in at the office, and we will advise you where to wait.</li><li>We will ask you to use the hand sanitizer we have provided at the front desk when you enter the office. You will also find some in the reception area and other places in the office for you to use as needed.</li><li>You may see that our waiting room will no longer offer magazines, children’s toys, and so forth since those items are difficult to disinfect.</li><li>We will do our best to allow greater time between patients to reduce waiting times for you, as well as to reduce the number of patients in the reception area at any one time.</li></ul>
<p>We look forward to seeing you again and are happy to answer any questions you may have about the steps we take to keep you, and every person, safe in our practice. To make an appointment, please call our office at 503-655-0613 or visit our website at www.ahyoudmd.com.</p>
<p>Thank you for being our patient. We value your trust and loyalty and look forward to providing you premium care and a positive experience.</p>
<p>Sincerely,<br>Dr. AhYou, and Team</p>
</div></div></div>
</div></div></div>
</div></div>
</div></div></div>

Here is the Code shown in the page /office-info/

<div class="wrap clearfix contentclass hfeed" style="padding:0px;" role="document">
<div id="content" class="container container-contained">
<div class="row">
<div class="main col-md-12" id="ktmain" role="main">
<div class="entry-content">
<div class="row hidden-md hidden-lg dr-sm-info"> 
<div class="col-sm-12 sec-menu-item">
<a href="tel:503-655-0613"><div class="sec-menu-icon"><i class="icon-phone"></i></div><div class="sec-menu-text">503-655-0613</div></a>
</div>
<div class="col-sm-12 sec-menu-item">
<a href="/request-appointment/"><div class="sec-menu-text">Book Appointment</div></a>
</div>
</div>
<div class="wp-block-kadence-rowlayout alignnone top-banner"><div id="kt-layout-id_2d8b28-a8" class="kt-row-layout-inner kt-layout-id_2d8b28-a8"><div class="kt-row-column-wrap kt-has-1-columns kt-gutter-default kt-v-gutter-default kt-row-valign-top kt-row-layout-equal kt-tab-layout-inherit kt-m-colapse-left-to-right kt-mobile-layout-row">
<div class="wp-block-kadence-column inner-column-1 kadence-column_c88428-58 top-banner"><div class="kt-inside-inner-col" style="background:rgba(255, 255, 255, 1)">
<div class="wp-block-kadence-accordion alignnone"><div class="kt-accordion-wrap kt-accordion-wrap kt-accordion-id_f3ed07-33 kt-accordion-has-3-panes kt-active-pane-0 kt-accordion-block kt-pane-header-alignment-left kt-accodion-icon-style-arrow kt-accodion-icon-side-right" style="max-width:none"><div class="kt-accordion-inner-wrap kt-accordion-initialized" data-allow-multiple-open="false" data-start-open="none" role="presentation">
<div class="wp-block-kadence-pane kt-accordion-pane kt-accordion-pane-3 kt-pane_49469d-1f"><div class="kt-accordion-header-wrap"><button class="kt-blocks-accordion-header kt-acccordion-button-label-show" id="kt-accordion-header-521342" aria-controls="kt-accordion-panel-521342" data-kt-accordion-header-id="0" aria-expanded="false"><span class="kt-blocks-accordion-title-wrap"><span class="kt-blocks-accordion-title">COVID-19 Update</span></span><span class="kt-blocks-accordion-icon-trigger"></span></button></div><div class="kt-accordion-panel kt-accordion-panel-hidden" id="kt-accordion-panel-521342" aria-labelledby="kt-accordion-header-521342" role="region" data-panel-height="618px" style=""><div class="kt-accordion-panel-inner">
<p>Dear Valued Patients:</p>
<p>We hope this finds you and your family in good health. Our community has been through a lot over the last few months, and all of us are looking forward to resuming our normal habits and routines. While many things have changed, one thing has remained the same: our commitment to your safety.</p>
<p>Infection control has always been a top priority for our practice and you may have seen this during your visits to our office. Our infection control processes are made so that when you receive care, it’s both safe and comfortable. We want to tell you about the infection control procedures we follow in our practice to keep patients and staff safe.</p>
<p>Our office follows infection control recommendations made by the American Dental Association (ADA), the U.S. Centers for Disease Control and Prevention (CDC), and the Occupational Safety and Health Administration (OSHA). We follow the activities of these agencies so that we are up-to-date on any new rulings or guidance that may be issued.</p>
<p>You may see some changes when it is time for your next appointment. For the safety of you and our staff, we are asking you to follow these guidelines we have put in place:</p>
<ul><li>We are requesting that everyone wear a mask for their appointment.</li><li>Our office will communicate with you beforehand to ask for some screening questions. You may be asked those same questions again when you are in the office.</li><li>We are asking you to wait in your car and call our office at 503-655-0613 to check-in before entering the building. If you do not have a cell phone, please check-in at the office, and we will advise you where to wait.</li><li>We will ask you to use the hand sanitizer we have provided at the front desk when you enter the office. You will also find some in the reception area and other places in the office for you to use as needed.</li><li>You may see that our waiting room will no longer offer magazines, children’s toys, and so forth since those items are difficult to disinfect.</li><li>We will do our best to allow greater time between patients to reduce waiting times for you, as well as to reduce the number of patients in the reception area at any one time.</li></ul>
<p>We look forward to seeing you again and are happy to answer any questions you may have about the steps we take to keep you, and every person, safe in our practice. To make an appointment, please call our office at 503-655-0613 or visit our website at www.ahyoudmd.com.</p>
<p>Thank you for being our patient. We value your trust and loyalty and look forward to providing you premium care and a positive experience.</p>
<p>Sincerely,<br>Dr. AhYou, and Team</p>
</div></div></div>
</div></div></div>
</div></div>
</div></div></div></div>
</div><!-- /.main -->
</div><!-- /.row-->
</div><!-- /.content -->
</div>

[Chris]

Chris

#255883

Hello,

Sorry for the frustration, I completely understand. I have this working from what I can tell at this time and have added the following to your custom css.

@media (max-width: 992px) {
 header#kad-banner.banner.headerclass.kt-not-mobile-sticky.kt-mainnavsticky {
    position: fixed!important;
    width: 100%!important;
    z-index: 1000;
    top: 0px;
}
.contentclass {
    margin-top: 10px;
}
}

Sorry about the delay there, but again, let me know if this doesn’t work for you. I can see it fully functioning as it should.

Thanks!

[Chris]

Chris

#255713

Hello,

Sorry about that! This should fix it.

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

[Chris]

Chris

#255698

Hello,

Try this:

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

You may want to clear autoptimize as well.

Let me know if that doesn’t work out for you.

Thanks!

[Marty]

Marty

#255617

After Update of Virtue Theme Premium http://www.ahyoudmd.com HOME Page showing CSS code as text on Page.

.kt-row-layout-inner > .kt-row-column-wrap > .kadence-column_c88428-58 > .kt-inside-inner-col {padding-top:0px;padding-bottom:0px;padding-left:0px;padding-right:0px;margin-top:0px;margin-bottom:0px;margin-right:0px;margin-left:0px;}

I have been using the Sitewide after Header Shortcode to inject a COVID 19 message. The short code inserts a Page that contains the Kadence Bloch Acording.

After upgrade CSS text is displayed and the ROW is split 50/50 some how.

[Marty]

Marty

#255617

After Update of Virtue Theme Premium http://www.ahyoudmd.com HOME Page showing CSS code as text on Page.

.kt-row-layout-inner > .kt-row-column-wrap > .kadence-column_c88428-58 > .kt-inside-inner-col {padding-top:0px;padding-bottom:0px;padding-left:0px;padding-right:0px;margin-top:0px;margin-bottom:0px;margin-right:0px;margin-left:0px;}

I have been using the Sitewide after Header Shortcode to inject a COVID 19 message. The short code inserts a Page that contains the Kadence Bloch Acording.

After upgrade CSS text is displayed and the ROW is split 50/50 some how.

[Chris]

Chris

#255594

Hello,

Ideally, you would want to change the header type to “Standard” from the Theme Options > Main Settings. Then you could hide the header title with the following:

#kad-banner > .container {
    display: none;
}

Let me know if this works for you.

Thanks!

[paul]

paul

#255376

Hi there.
Would it be possible to have a transparent background on my mobile header where my log and menu are.
Thanks, Paul

[paul]

paul

#255376

Hi there.
Would it be possible to have a transparent background on my mobile header where my log and menu are.
Thanks, Paul

[Ben Ritner]

Ben Ritner

#255365

Hey,
Here is the css do to that for the virtue theme:

@media (max-width: 1200px) {
.mobile-nav-trigger-id {
    display: block;
    height: auto;
}
#nav-main ul.sf-menu, .nav-main ul.sf-menu {
    display: none;
}
.kad-header-style-three .kad-nav-three {
    display: block;
    height: auto;
}
.stickyheader #kad-banner #logo a, .stickyheader #kad-banner #logo a #thelogo, .stickyheader #kad-banner #kad-shrinkheader {
    height: 60px !important;
    line-height: 60px !important;
}
.kad-header-style-three #thelogo img {
    max-height:60px !important;
}
}

Ben

[Dave]

Dave

#254996

Hi,

I have set my theme up with the following settings:
content max-width: 1290px (this is the width all common pages should be, although Home page is a little different)
page layout: normal / unboxed

I am setting a row layout block on Home page (where most rows should be 1920) as the following:
alignment: full-width
max-width: 1920px

But the row layout block (s) appear with a margin each side unless I take the max-width off them, in which case they will go beyond my max of 1920px – I’ve checked all row margins/padding to ensure they either have no entry or 0 but to no avail

Please see attached image

Thanks

[Dave]

Dave

#254996

Hi,

I have set my theme up with the following settings:
content max-width: 1290px (this is the width all common pages should be, although Home page is a little different)
page layout: normal / unboxed

I am setting a row layout block on Home page (where most rows should be 1920) as the following:
alignment: full-width
max-width: 1920px

But the row layout block (s) appear with a margin each side unless I take the max-width off them, in which case they will go beyond my max of 1920px – I’ve checked all row margins/padding to ensure they either have no entry or 0 but to no avail

Please see attached image

Thanks

[Dave]

Dave

#254874

This reply has been marked as private.

[Dave]

Dave

#254719

This reply has been marked as private.

[Dave]

Dave

#254656

Hi Hannah,

The majority of content and pages on the site will sit within the width we have set in: “Content Max Width” (1290px).
However as with all our sites there’s various rows that we always set to something much larger, such as 1920px. This content is typically header, footer, page banners and various promo style rows (typically on home page but sometimes on other pages). However, a typical content/post page width would be 1290px.

We set 1920px on these various pieces of content – header, footer, various promo style rows (typically on home page).

Am I doing this incorrectly?
Should I be setting the “Content Max Width” to 1920px and setting the “Narrow Layout Content Max Width” to 1290px and assigning this globally (if this is possible) to all our pages and posts, etc?

If I did it this way, Id still need to set containment widths on various elements in the home page that are constrained to: 1290px

Hope this makes sense 😊

[Ben Ritner]

Ben Ritner

#254429

Hey,
In this kind of scenario where you are not replacing something, it’s not done with css.

You would need to create the banner using the “Kadence Slider” plugin. You can find that in your downloads.

Then in your post settings scroll down to the post options and there set the head content to “shortcode” and then in the shortcode area add the slider shortcode. This will place the slider above the title and sidebar and allow it to be fullwidth.

In your slider settings, you don’t have to add multiple slides you can just add one that shows fullwidth.

Ben

[Ben Ritner]

Ben Ritner

#254425

Hey John,

1. You can set this in your theme options > menu settings.

2. You can add this css.

#wrapper .kad-header-style-three #nav-main ul.sf-menu>li>a {
    padding: 0 5px 0 5px;
}

#wrapper .kad-header-style-three #nav-main ul.sf-menu>li>a.sf-with-ul {
   padding: 0 10px 0 5px;
}

.kt-showsub-indicator #wrapper ul.sf-menu>li.sf-dropdown>a:after {
    right: 10px;
}

3. No, it really shouldn’t show the desktop menu on tablet. For one there isn’t space for it. But for another, it’s not standard in a touch environment and it’s not as user friendly. However, if you wish to do this you can add this css:

@media ( min-width: 600px ) {
    #wrapper #kad-mobile-banner {
        display:none;
    }
    #wrapper .kad-header-style-three .kad-nav-three {
        display:none;
    }
    #wrapper #nav-main ul.sf-menu {
        display:block;
    }
    #wrapper #kad-banner {
        display:block;
    }
    #wrapper .kad-header-left {
        float: left;
        width: 40%;
    }
    #wrapper .kad-header-right {
        float: left;
        width: 60%;
    }
}

I really really really suggest you not do this ^.

4. In your appearance > menus there is “screen options” in the top right corner, enabled “link target”. Then under each menu item settings you can set the link to open in a new tab.

Ben