Search Results for 'widget area'

[Kevin]

Kevin

#179272

Hello,

The topbar isn’t a part of the mobile header in Ascend. Rather than display the default topbar in mobile, you need to go to Theme Options> Mobile Header, and enable the “Mobile Top Icon Bar.” Then, you can Enable Mobile Top Icon Bar Widget Area, and add widgets via Appearance> Widgets.

-Kevin

[Hannah]

Hannah

#179181

In Theme Options > Home Layout enable the home widget area in the homepage layout manager. Then navigate to Appearance > Widgets and add a visual editor widget to the home widget area and paste this shortcode into it: [blog_grid orderby=date items=4 columns=3 cat=photos]
How does that work for you?

Hannah

[Kevin]

Kevin

#179146

Hey,

Firstly, go to Theme Options> Transparent Header settings, and set “Select Transparency” to 0.

Then, go to Theme options> header Settings, and enable the widget area. Save the settings, and then navigate to Appearance> Widgets. Add an Ascend Social Links widget to the header widget area, and configure the settings.

Let me know if that works for you.

-Kevin

[Ben Ritner]

Ben Ritner

#179117

no, there isn’t a way to do that. You can add items to a widget area above the header for the mobile header but you can’t combine the vertical header and mobile header.

Ben

[Kevin]

Kevin

#179092

Just to be sure you don’t inadvertently effect anything else on your site, I suggest adding this CSS instead:

.home-widget-area-widget h3 {
 text-align: center;
}

I’ll also note that the !important tag should always come before the semicolon.

-Kevin

[Ben Ritner]

Ben Ritner

#179090

Ok, mobile just impacts how you add this sidebar since you can’t just add css to place it where you want on mobile. Wanting it to be last on mobile means it needs to load last on the page.

So your going to have to hook into “kt_after_content”

Here is the function:

add_action('kt_after_content', 'my_custom_second_sidebar_widget_area');
function my_custom_second_sidebar_widget_area() {
	if ( virtue_display_sidebar() ) {
		echo '<aside id="ktsidebar-second" class="sidebar-secondary-container" role="complementary">';
        echo '<div class="sidebar">';
        	dynamic_sidebar( 'sidebar-secondary' );
        echo '</div>';
      	echo '</aside>';
	}
}
add_filter( 'body_class', 'my_custom_second_sidebar_class', 30 );
function my_custom_second_sidebar_class( $classes ) {
	if ( virtue_display_sidebar() ) {
		$classes[] = 'sidebar-is-showing';
	}
	
	return $classes;
}

Here is the css:

@media (min-width: 992px){
    .sidebar-is-showing #content > .row {
        width: 80%;
        float: right;
        margin-left: 0;
    }
    #content:after {
        clear: both;
        display: table;
        content: '';
    }
    #ktsidebar-second {
        width: 20%;
        float: left;
    }
}

[Gayle]

Gayle

#179088

Hi Kadence Support Team,

I am using the left side header option and have several images in the “Extra Header Widgets” below the primary menu. Is there a work around to make the extra header widget area available mobile view – under the mobile menu?

The site is in development with under construction page – so will send login details in a private message.

Thank you,
Gayle

[Gayle]

Gayle

#179088

Hi Kadence Support Team,

I am using the left side header option and have several images in the “Extra Header Widgets” below the primary menu. Is there a work around to make the extra header widget area available mobile view – under the mobile menu?

The site is in development with under construction page – so will send login details in a private message.

Thank you,
Gayle

[Charanvir Singh]

Charanvir Singh

#179069

Hi,
How to create widget area on portfolio page.
Charanvir Singh

[Charanvir Singh]

Charanvir Singh

#179069

Hi,
How to create widget area on portfolio page.
Charanvir Singh

[Jerry]

Jerry

#178986

I am trying to create a home page hero image (no topbar, no header, no footers).

Here is what I did.

1. Reset all Ascend theme options to default.

2. Add new page (did not publish yet).

3. Selected PageBuilder editor.

4. Created one column row.

5. Added SiteOrigin Hero widget to that row.

6. Edit Hero widget.

a. Added one frame.
b. Added Content – Shelter Smart The Sky Isn’t The Limit
c. Below Buttons addded a background image in Background.
d. Clicked Done.

Changed no other parms in the hero widget options (found at *Login to see link

7. Publish.

8. Clear cache.

9. Go to *Login to see link

At this point the page displays a header, page title, small image, above footer, and footer areas.

My goal is to simply have a single hero image displayed with buttons linking to other parts of the website.

Thanks for your help.

Jerry

[Jerry]

Jerry

#178986

I am trying to create a home page hero image (no topbar, no header, no footers).

Here is what I did.

1. Reset all Ascend theme options to default.

2. Add new page (did not publish yet).

3. Selected PageBuilder editor.

4. Created one column row.

5. Added SiteOrigin Hero widget to that row.

6. Edit Hero widget.

a. Added one frame.
b. Added Content – Shelter Smart The Sky Isn’t The Limit
c. Below Buttons addded a background image in Background.
d. Clicked Done.

Changed no other parms in the hero widget options (found at *Login to see link

7. Publish.

8. Clear cache.

9. Go to *Login to see link

At this point the page displays a header, page title, small image, above footer, and footer areas.

My goal is to simply have a single hero image displayed with buttons linking to other parts of the website.

Thanks for your help.

Jerry

[Hannah]

Hannah

#178899

Hi Benoit
Which widget are you adding to the home widget area? Have you tried adding a second of the same widget but selecting the press release category? Can you post a link?

Hannah

[John Paul]

John Paul

#177740

Hi guys…

I thought my site would look better boxed rather than wide view… I was hoping for the width to resemble this Virtue demo:

Unfortunately there is a few things not sitting right…

My Site:

First Issue to Sort:
1)Safari doesn’t show the boxed width fully.. please check the link… Safari: 20pixels (on my screen) to Chrome & Firefox 100 pixels
2)Grey Border appears to contain the page.

I would like to appear as the following:
1) Top Bar: Full Width
2) Header (Menus & Logo): Full Width
3) Home Slider: Full Width
4) Body: As Virtue Demo Link (minus the grey border)
5) Footer Widget Area & Footer: Full Width

Thank you,

John 🙂

[John Paul]

John Paul

#177740

Hi guys…

I thought my site would look better boxed rather than wide view… I was hoping for the width to resemble this Virtue demo:

Unfortunately there is a few things not sitting right…

My Site:

First Issue to Sort:
1)Safari doesn’t show the boxed width fully.. please check the link… Safari: 20pixels (on my screen) to Chrome & Firefox 100 pixels
2)Grey Border appears to contain the page.

I would like to appear as the following:
1) Top Bar: Full Width
2) Header (Menus & Logo): Full Width
3) Home Slider: Full Width
4) Body: As Virtue Demo Link (minus the grey border)
5) Footer Widget Area & Footer: Full Width

Thank you,

John 🙂

[phil2]

phil2

#177708

Thanks Kevin, that has certainly helped.
I notice that the Chartered Accountants icon on the left of the header widget area has been cropped to fit into the widget. Please could you advise the CSS to ensure we get the whole picture?
Kind regards,
Phil.

[Kevin]

Kevin

#177418

Hey,

There isn’t any built in way to do this. You would need to find a plugin that allows for adding a widget area to your menus. This solution using MegaMenu plugin seems viable:
https://www.megamenu.com/documentation/how-to-display-images-in-sub-menu/

Let me know if that works.

-Kevin

[Ben Ritner]

Ben Ritner

#177120

1. You could use css like this:

.topbar-widgetcontain {
    display: inline-block;
}
#topbar-search {
    text-align: left;
}

2. You can’t move the logo out of the header. You can hide it if you like then use the home widget area to fill the whole header space.

Ben

[JCCMW]

JCCMW

#177079

Hi
My site is jccmw.org
We want to add an image (to promote camps) to the center of the top bar – I added the image I want to the header widget area but it’s displaying below the search box and social media.
I’m using a header menu on the right hand side for 4 items.

Also is there a way to move the logo to the left hand side of the top bar and use the space currently filled by the logo for special promotions?

Thanks

Judy

[JCCMW]

JCCMW

#177079

Hi
My site is jccmw.org
We want to add an image (to promote camps) to the center of the top bar – I added the image I want to the header widget area but it’s displaying below the search box and social media.
I’m using a header menu on the right hand side for 4 items.

Also is there a way to move the logo to the left hand side of the top bar and use the space currently filled by the logo for special promotions?

Thanks

Judy

[Hannah]

Hannah

#177077

Hi Val,
You can add it to your topbar widget area from Appearance > Widgets. Just make sure Enable widget area in left of Topbar is set to On from Theme Options > Topbar Settings.

Hannah

[Valtteri]

Valtteri

#177010

Hi Ben,

Yeah, thought that might be the case. My coding skills are not in the level of using hooks fluidly.

I´m using a child theme and I tried to add a extra widget area under the header earlier by following some functions tutorial that I found from the interwebs. I managed to get the header widget visible at back-end in Widget editing screen, but not at all in front-end. I would have been happy having it under header at every page as well.

I would like to avoid using sidebars with this design, but that full page width top bar under header (With ajax search) would work nicely.

Br,
Val

EDIT: This was the tutorial: http://www.wpbeginner.com/wp-themes/how-to-add-a-wordpress-widget-to-your-website-header/

[Ben Ritner]

Ben Ritner

#176991

Hey,
You can’t replace the normal search in the menu without a child theme and your own custom functions to add a search to the menu. Otherwise, you would just need to add that search into a widget area (like sidebar or topbar) to use it.

If your using a child theme you can look at the plugins code and find the function that you would have to trigger to activate it, then add that function into a hook that you used to filter in your own menu icon and search. There is no easy way to replace a search in the menu.

Ben

[Hannah]

Hannah

#176880

Ok, so a workaround would be to use the last footer layout option (one top column two on bottom). Then add the layout builder widget to each column. In the top column you can create a 3-column row, and then you can create 2 column rows in the two bottom columns. Would that work for you?
Another option is to use a plugin like this- https://wordpress.org/plugins/widgets-on-pages/ That would allow you to add another widget area via shortcode. So you could add it to the sitewide footer shortcode area.
Hope that’s helpful!

Hannah

[Ben Ritner]

Ben Ritner

#176720

Hey,
So I would suggest you build the whole thing (including your sidebar) in pagebuilder in your homepage content. Add whatever you want on top then build a two column layout with your sidebar widgets in the “sidebar column”

If you really had to use pagebuilder in the header area and for some reason couldn’t just make this one page you can use a plugin like this: https://wordpress.org/plugins/widgets-on-pages/

That would give you a shortcode that directly outputted for widget area so you could build out the widget area in page builder then add the shortcode to the theme settings.

Ben