Вход на сайт

Просмотр новости

Найдите то, что Вас интересует

Slider doesn’t work

Дата публикации: 15-10-2026 04:24:30

I just see a big white space where the slider is supposed to be. The image appears when I view it in the preview area in Appearance>Widgets, but not on the actual site: https://www.percivalconstantine.com/
The post Slider doesn’t work appeared first on SiteOrigin.


Основное содержимое страницы с новостью.

Andrew Misplon Staff Oct 15, 2026, 9:38 am

Hi Perry

Thanks for the link. I had a look and can see what’s going on.

The Slider Widget is in the Header widget area, which Vantage places in the same row as the logo. Your logo image is 1080 pixels wide, the full width of the site, so the widget area beside it ends up with no width at all. The slider is there, it’s just zero pixels wide. The white space is its height, which is set to 757 in the widget’s Design tab. There are a few ways to go, depending on where you’d like the slider to sit.

If you’d like the slider in the header on every page, directly under the logo, you can keep it exactly where it is. Edit the widget at AppearanceWidgets, open the Design tab, and clear both the Height and Responsive Height fields so the images scale naturally. Then add the following CSS at Appearance > Custom CSS if you’re using SiteOrigin CSS, or at Appearance > Customize > Additional CSS if you aren’t. It lets the widget area wrap onto its own line below the logo at full width.

#masthead .hgroup {
        flex-wrap: wrap;
}
#masthead .hgroup #header-sidebar {
        width: 100%;
}

If you’d rather have the slider beside the logo, in the same row, the logo needs to be smaller to leave room. Resize the logo image to around 350 to 400 pixels wide and upload it at AppearanceCustomizeTheme SettingsLogo. You can set the 1080 pixel version in the Retina Logo field so it stays crisp. In the widget’s Design tab, set Height to roughly the logo’s height, around 150, and clear Responsive Height. Then add this CSS in the same place as above so the widget area takes up the space next to the logo.

#masthead .hgroup #header-sidebar {
        flex: 1 1 auto;
}
#masthead .hgroup #header-sidebar .widget_sow-slider {
        width: 100%;
}

And if you only need the slider on the home page, the simplest route is to add it to the page itself with Page Builder in a Full Width Stretched row. The steps are at Home Page Slider. Set Home Page Slider to None in Theme Settings > Home so the two don’t double up.

I tested the first two on your home page from this side and both display the slider, so take your pick. Let me know if you’d like a hand with any of them.

Kind regards
Andrew

Схожие новости

#Наименование новостиТональностьИнформативностьДата публикации
1Image Widget overlay caption stays visible on hover in stretched row06.3207-10-2026
2Issue after updated019.4513-10-2026
3Replies, comments, adding topics not working, not showing012.4922-08-2026
4New Wordpress Website - 500 Internal Server Error08.2220-09-2026
5Link Property Bug03.617-09-2026
6Accessibility regression after update — <ul class="x-menu"> has role="navigation" causing Lighthouse list errors010.7518-09-2026
7Forum Only Showing an Under Construction Page06.9411-08-2026
8Reply To: Display space between events0702-07-2026
9highlight - 404: page not found034.819-10-2026
10sequencediagram - 404: page not found035.6519-10-2026

Классификация: . Схожих патентов: 0. Схожих новостей: 10. Тональность: 0. Информативность: 10.42. Источник: siteorigin.com.