DMXzone Bootstrap 3 Navigation Support Product Page
Solved
Black vertical line right of screen when use Supersized + BS3 Navigation together
Reported 10 years ago
1
has this problem
10 years ago Kay Kentfield posted:
HiI want to use DMXzone's Supersized (to provide a full screen slideshow in the background) with Bootstrap 3 collapsed navigation.
On using both on the same page, there is a deep/thick black vertical bar/line on the right of the screen as if the background image is being pushed to the left. This happens whether I add supersized or navigation first - there is always the black bar.
It also happens if you only add a navigation bar and a brand only, or whether you also add navigation buttons/dropdowns.
How do I rectify this please? I want to use both together.
Replies
Replied 10 years ago
10 years ago Teodor Kuduschiev replied:
Hi Kay,
Please provide a link to your page, where we can check what is wrong.
Please provide a link to your page, where we can check what is wrong.
Replied 10 years ago
10 years ago Kay Kentfield replied:
THIS WORKS
Supersized only (works fine):
(link removed)
THESE DON'T WORK
Supersized + BS3 Navigation (whichever you add first to a new document) creates wide vertical black bar. Happens in Internet Explorer, Firefox, Chrome & Safari.
Supersized first, then BS3 Nav:
(link removed)
BS3 Nav first, then Supersized:
(link removed)
Supersized only (works fine):
(link removed)
THESE DON'T WORK
Supersized + BS3 Navigation (whichever you add first to a new document) creates wide vertical black bar. Happens in Internet Explorer, Firefox, Chrome & Safari.
Supersized first, then BS3 Nav:
(link removed)
BS3 Nav first, then Supersized:
(link removed)
Replied 10 years ago
10 years ago Teodor Kuduschiev replied:
Hi,
Just add:
In your css and this will fix your issue.
Just add:
ul#supersized { padding:0; margin:0; }
In your css and this will fix your issue.
Replied 10 years ago
10 years ago Kay Kentfield replied:
Yes, that did it, thank you so much Teodor!!!
NB. it was missing a colon (
after margin, it should be:
ul#supersized {
padding: 0;
margin: 0;
}
Delighted, thank you!
NB. it was missing a colon (

ul#supersized {
padding: 0;
margin: 0;
}
Delighted, thank you!
