Search Results for 'page width'

[Brandy]

Brandy

#234784

Unfortunately, it’s a closed system so I don’t have a way to log you in. But the option is typically part of the Page Options now, right? I only have “page content width” under that, nothing about the sidebar under Portfolio Page Options, or in the theme options. Maybe something in my database is wrong – I’m going to try a fresh install with no content and will get back to you asap. Thanks.

[Ben Ritner]

Ben Ritner

#234767

Hey,
1. You can add this css:

@media (max-width: 767px){
    .kad-sidebar {
        display: none;
    }
}

2. You can add this css:

.contentclass {
    padding-bottom: 0px;
}

* Note that will apply to all pages. Another option if you just want it on one page is to add a -30px bottom margin to your last row in pagebuilder.

3. You can use this css:

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

[SJNBham]

SJNBham

#234664

Yes – this is a Gutenberg issue. Any outreach you can provide to the core development team would be appreciated. There’s also a bug in the copy/paste via keyboard. It includes a classic editor block whenever you paste. Here’s a temporary workaround for the hidden move handles for blocks in full width containers/rows:

Place the following in your child theme functions.php:

/*Sets up block editor style sheet*/
function addBlockEditorStyles() {
	  // Add support for editor styles.
	  add_theme_support( 'editor-styles' );
  
	// Enqueue editor styles.
	add_editor_style( 'block-editor.css' );
}
add_action( 'after_setup_theme', 'addBlockEditorStyles' );

And then the following in the a block-editor.css file you create in your child theme’s root folder:

/*allows space to show full width block move handles*/

.edit-post-layout__content {padding-left:25px !important;}

Reference: https://richtabor.com/add-wordpress-theme-styles-to-gutenberg/

[Ben Ritner]

Ben Ritner

#234568

Hey,
1. In your theme options > main settings, look near the top for “Sidebar Side of page.” you can define that a sidebar show on the left side.

2. you can use the feature sidebar page template. that will allow you to add a slider or image or shortcode above the sidebar.

Or you can make the page fullwidth then create your top section and in the second row create it as two columns and manually add your sidebar in one or call it in through plugin.

Ben

[Dmitry]

Dmitry

#234530

This reply has been marked as private.

[Hannah]

Hannah

#234465

Hi Mike,
1. Are you wanting the menu to fall under the logo? And do you only want this on your homepage?

2. Have you tried enabling the fullwidth sub-menu? You can do this from the menu item dropdown in Appearance > Menus. Would that work for you?

Hannah

[Melanie]

Melanie

#234308

Hi,

I am having an issue with the icon list and the colours for the table layout when on stripes.

The site I am working on has the latest virtue theme and all the Blocks plugins are updated as well

Icon List:
1. For some reason the text alignment icons are not showing i.e. where to show the icon in the line of text – top, middle or bottom?
2. If I set the icon list to be center width (so no text floats to the side of the column) then the text is center aligned and I would like it left.

Tables with striped setting.
1. The background in the backend is white but when I look at the front of the website it is a grey so the lines are not as distinguished.
2. Again for some reason the colour selection is not showing – what colour the stripes should be? I have had those appear before?

Finally, is there anyway we can use Blocks in the Widgets area?? I am finding that I have to install Page Builder to create modals in the sidebars. This then confuses the pages sometimes when a new page is created it will be created as a page builder rather than the blocks. I would rather not have page builder installed at all now that I have the hang of the blocks I am loving them!

Links to the website below.

Thanks, Mel

[Melanie]

Melanie

#234308

Hi,

I am having an issue with the icon list and the colours for the table layout when on stripes.

The site I am working on has the latest virtue theme and all the Blocks plugins are updated as well

Icon List:
1. For some reason the text alignment icons are not showing i.e. where to show the icon in the line of text – top, middle or bottom?
2. If I set the icon list to be center width (so no text floats to the side of the column) then the text is center aligned and I would like it left.

Tables with striped setting.
1. The background in the backend is white but when I look at the front of the website it is a grey so the lines are not as distinguished.
2. Again for some reason the colour selection is not showing – what colour the stripes should be? I have had those appear before?

Finally, is there anyway we can use Blocks in the Widgets area?? I am finding that I have to install Page Builder to create modals in the sidebars. This then confuses the pages sometimes when a new page is created it will be created as a page builder rather than the blocks. I would rather not have page builder installed at all now that I have the hang of the blocks I am loving them!

Links to the website below.

Thanks, Mel

[Ben Ritner]

Ben Ritner

#234194

Hey,

I want it to be in colour until shrinking (transparent).

Just to clarify:
you need to always make sure the “transparent” header is off (which it’s off on your home page right now). That is designed to be transparent, then in color on shrink. Since you want the reverse of that it’s best to keep that off and I can help with making your header transparent when you scroll.

You are adding this css:

/* topbar off */
#topbar {
height: 0px;
}

Since you have added content into the topbar that css doens’t make sense to me. Why are you setting the height to 0 when you have added content that is 28px high. If you want the topbar off then you should not add content to it and turn it off. Setting the height to 0 just breaks the header.

Next, You are adding this css:

/* topbar padding */
.container {
padding-top: 15px;
}

The container class is a common global class. It applies to many many more places on every page then just the topbar. This is also throwing off your layout throughout the page and header.

You should remove that css. I can help with padding for your topbar once you confirm you want the topbar and remove the height css you are setting.

1. That is there because you are messing with the container class.

2. The mobile menu collapses if you click the toggle icon after opening it. What are you wanting to happen?

3. You could use this css:

@media (min-width: 992px){
    #kad-mobile-nav {
        width: 33%;
        float: right;
        margin: 0;
    }
}

Ben

[Michael]

Michael

#234179

Hi

I have my homepage and theme options set at full width. I’ve also deselected the sidebar on the page itself – yet it’s still there.
Can you assist?

[Michael]

Michael

#234179

Hi

I have my homepage and theme options set at full width. I’ve also deselected the sidebar on the page itself – yet it’s still there.
Can you assist?

[Milla]

Milla

#234169

Yes,
page *Login to see link needs little more css.
I have sticky header (also for mobile) and I want it to be in colour until shrinking (transparent).

1) What is that white space between header and slider? How to get it off?
2) Is it possible to make menu disappear after clicking it? Now it stays visible all the time.
3) How to get menu width smaller in desktop? In mobile it´s fine now (50%) but maybe 33% would do in desktop?

Now I have this:

/* topbar off */
#topbar {
height: 0px;
}

/* topbar padding */
.container {
padding-top: 15px;
}

/* transparent shrinking menu */
.home #kad-banner-sticky-wrapper.is-sticky #kad-banner {
background: transparent;
width: 100%;
z-index: 1000;
}

/* hamburger menu on desktop */
.kad-primary-nav ul.sf-menu, .nav-main ul.sf-menu {
display: none;
}

#kad-mobile-nav {
display: block;
width: 50%;
margin-left: 50%;
}

#mobile-nav-trigger {
height: auto;
display: block;
}

Yours,
Milla

[Milla]

Milla

#234169

Yes,
page *Login to see link needs little more css.
I have sticky header (also for mobile) and I want it to be in colour until shrinking (transparent).

1) What is that white space between header and slider? How to get it off?
2) Is it possible to make menu disappear after clicking it? Now it stays visible all the time.
3) How to get menu width smaller in desktop? In mobile it´s fine now (50%) but maybe 33% would do in desktop?

Now I have this:

/* topbar off */
#topbar {
height: 0px;
}

/* topbar padding */
.container {
padding-top: 15px;
}

/* transparent shrinking menu */
.home #kad-banner-sticky-wrapper.is-sticky #kad-banner {
background: transparent;
width: 100%;
z-index: 1000;
}

/* hamburger menu on desktop */
.kad-primary-nav ul.sf-menu, .nav-main ul.sf-menu {
display: none;
}

#kad-mobile-nav {
display: block;
width: 50%;
margin-left: 50%;
}

#mobile-nav-trigger {
height: auto;
display: block;
}

Yours,
Milla

[Hannah]

Hannah

#234158

Hey,
Have you set the row layout of your page builder row to full width stretched? Can you post a link?

Hannah

[Maria Cecilia]

Maria Cecilia

#234108

Hello Hanna
We solved the problem with this CCS

/* Remove default logo */
//.page-id-2304 .kt-header-position-above #logo a .ascend-logo, .kt-header-position-above #logo a .ascend-trans-logo {
display: none !important;
}
.page-id-2304 .brand.logofont {
display: none !important;
}
/* Display new image logo background */
//.page-id-2304 .kt-header-position-above #logo a .ascend-logo, .kt-header-position-above #logo a .ascend-trans-logo{
background-image: url(http://dlusso.test-neuroclick.cl/wp-content/uploads/2019/08/dlusso-relojes-de-lujo-logo-1.png) !important;
}
.page-id-2304 .kad-center-header.kt-header-flex-item.header-logo-width {
background-image: url(http://dlusso.test-neuroclick.cl/wp-content/uploads/2019/08/dlusso-relojes-de-lujo-logo-1.png) !important;
background-repeat: no-repeat !important;
}
Thank you
Regards,
Cecilia

[Lucy]

Lucy

#233986

Hannah Thank you. I am rested today. I really want a nice site.
https://www.google.com/url?sa=i&source=images&cd=&ved=2ahUKEwje3YD6h5TkAhXihOAKHfGZDbMQjRx6BAgBEAQ&url=https%3A%2F%2Fwww.ilovewp.com%2Fthemes%2Fvirtue%2F&psig=AOvVaw1DMDUEObwO2_80rl3T5N-z&ust=1566480274756101
I think this is style 1. I chose style one in the theme option when I activated the theme. There were three to choose from.

nahoga.com is my page and what I have.
What I originally wanted my home page to look like is this:

Nahoga logo
Slider I like the “full width slider that is on the page right now
carousel 3 pics showing at a time
carousel 3 pics showing at a time
blog
copyright and email

I am confused when I look at the “home page” in “all pages” it is blank. When I look at nahoga.com site it has what is on it. Where do I build it? From the Theme option drop down? Do I leave the “Home” page in “all Pages” itself alone? I was thinking I could see it as a layout somewhere. On the “All Pages” tab the home – has this by it “Front Page, SiteOrigin Page Builder” There may be stuff i did that i can’t see now.

Thank you for your patience. Long story short. I have had the Virtue theme on my site for years. Computer guy lost it setting up wordpress and woocommerce for me because something got messed up. I don’t know what really happened.

Lucy

[SJNBham]

SJNBham

#233602

Ah – I just remembered where this is an issue. To reproduce:

– Add a row layout block full width with 6 columns
– Add an info box to the first column on the left
– Try to access the move navigation for the info box block

The move nav is not accessible as it’s positioned to the left of the block instead of above it. Having it above the block would interfere with the block toolbar anyway.

I wouldn’t mind if there was an option on the Kadence settings page to include a left buffer in the editor to accommodate moving blocks that are in full-width containers. This is an issue with a number of full-width layout blocks from various plugin devs.

If you’re making suggestions to WP dev, making the blocks so you can move them by left clicking or tapping and holding and then dragging and dropping would be nice. Also an option to minimize and maximize a block would help when you’re trying to move these around on a long page. Another feature that would really help is an option to cut/copy/paste blocks. So you could cut a block and paste it in a new location on the page.

[Hannah]

Hannah

#233601

Hi Kanon,
In your edit page, edit your page builder row and open the layout tab. There you can set the row layout to full width stretched.
Hope that helps!

Hannah

[Ben Ritner]

Ben Ritner

#233361

Sometimes because of the way javascript loads the content a carousel can cause this, what happens is the height of the carousel is large while not initialized because the items make rows until the javascript that runs the carousel builds it out to make it one single row. This can cause the page size to jump and change late enough that the parallax calculations are no longer valid because they were made based on the page being larger.

Here is some css try and let me know if this resolves it:

@media (min-width: 992px) {
.kt-slickslider:not(.slick-initialized) .kad_product.tcol-md-4 {
    display:none;
}
.kt-slickslider:not(.slick-initialized) .tcol-md-4.kad_product:nth-child(-n+3) {
    display:block;
}
}

Ben

[Luke Shenefield]

Luke Shenefield

#233336

Hi guys,

I’m stuck here, help! I’ve created this code:

/*buy now buttons on mobile*/

@media only screen and (max-width: 600px) {
.buy {
padding-bottom: 20px;
}
}

For this site: *Login to see link

I want the Amazon buttons to line up in center and have a little space between them on a phone. I don’t know what css to use to line them up (text-align: center doesn’t work) and I can’t get the code to stick. The page code is this:

class=”buy” style=”border: none; text-decoration: none; padding-right: 10px;” href=”*Login to see link target=”_blank” rel=”noopener noreferrer”><a class=”buy” style=”border: none; text-decoration: none;” href=”*Login to see link target=”_blank” rel=”noopener noreferrer”>

Can you help? Thank you!

[Luke Shenefield]

Luke Shenefield

#233336

Hi guys,

I’m stuck here, help! I’ve created this code:

/*buy now buttons on mobile*/

@media only screen and (max-width: 600px) {
.buy {
padding-bottom: 20px;
}
}

For this site: *Login to see link

I want the Amazon buttons to line up in center and have a little space between them on a phone. I don’t know what css to use to line them up (text-align: center doesn’t work) and I can’t get the code to stick. The page code is this:

class=”buy” style=”border: none; text-decoration: none; padding-right: 10px;” href=”*Login to see link target=”_blank” rel=”noopener noreferrer”><a class=”buy” style=”border: none; text-decoration: none;” href=”*Login to see link target=”_blank” rel=”noopener noreferrer”>

Can you help? Thank you!

[Luke Shenefield]

Luke Shenefield

#233170

Hello Kadence,

I got the space justified and the menu items centered using the support forums, but still can’t get the black bar to get all the way across the page like the top bar does. Any thoughts?

*Login to see link

Thank you,

Luke

[Luke Shenefield]

Luke Shenefield

#233170

Hello Kadence,

I got the space justified and the menu items centered using the support forums, but still can’t get the black bar to get all the way across the page like the top bar does. Any thoughts?

*Login to see link

Thank you,

Luke

[d.vos]

d.vos

#232429

Hi,

I did the last update, but the home and blog pages are messed up. If I disable ‘Multilanguage by BestWebSoft’ plugin the design works ok.
(but then the translation does not work anymore)

The site is: *Login to see link

Acording BestWebSoft this is the problem:

Hi,

This issue is related to your theme style. There is an inline style on your homepage that was causing the problem:

body {
background: #fff;
color: #444;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
margin: 2em auto;
padding: 1em 2em;
max-width: 700px;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.13);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.13);
}

Please try remove the property: max-width: 700px; and check the result.

Sincerely,
Elena

But I think I that does not work…

[d.vos]

d.vos

#232429

Hi,

I did the last update, but the home and blog pages are messed up. If I disable ‘Multilanguage by BestWebSoft’ plugin the design works ok.
(but then the translation does not work anymore)

The site is: *Login to see link

Acording BestWebSoft this is the problem:

Hi,

This issue is related to your theme style. There is an inline style on your homepage that was causing the problem:

body {
background: #fff;
color: #444;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
margin: 2em auto;
padding: 1em 2em;
max-width: 700px;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.13);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.13);
}

Please try remove the property: max-width: 700px; and check the result.

Sincerely,
Elena

But I think I that does not work…

[Sara]

Sara

#232328

As promised, I have a few more questions that I can’t seem to find answers for in the forum. Here goes:

For the left header layout, when you hover over a menu item, the width of the hover is wider than the header itself where it should be they same width.
Is there any way to remove the border around the sub menu?
Is there any way to adjust the speed of a flip-box? Client is asking if if can be slowed down.
My client loves the look of the Ascend Agency demo home page, where the images/links are a mosaic layout. My challenge is, they don’t have a gallery, they just want to have randomly mosaic-laid out images link to specific urls. Is this possible? I started out using the Module Image Menu under Theme Options > Home Page Layout, but it displays as a grid.

Here’s the link to the dev site: Lit Roc Dev

Thank you, as always-
Sara

[Sara]

Sara

#232328

As promised, I have a few more questions that I can’t seem to find answers for in the forum. Here goes:

For the left header layout, when you hover over a menu item, the width of the hover is wider than the header itself where it should be they same width.
Is there any way to remove the border around the sub menu?
Is there any way to adjust the speed of a flip-box? Client is asking if if can be slowed down.
My client loves the look of the Ascend Agency demo home page, where the images/links are a mosaic layout. My challenge is, they don’t have a gallery, they just want to have randomly mosaic-laid out images link to specific urls. Is this possible? I started out using the Module Image Menu under Theme Options > Home Page Layout, but it displays as a grid.

Here’s the link to the dev site: Lit Roc Dev

Thank you, as always-
Sara