DMXzone Bootstrap 3 Navigation Support Product Page
Solved
Black vertical line right of screen when use Supersized + BS3 Navigation together
Reported 06 Oct 2014 20:49:07
1
has this problem
06 Oct 2014 20:49:07 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 07 Oct 2014 07:34:58
07 Oct 2014 07:34:58 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 07 Oct 2014 12:35:45
07 Oct 2014 12:35:45 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 07 Oct 2014 13:42:49
07 Oct 2014 13:42:49 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 08 Oct 2014 13:03:06
08 Oct 2014 13:03:06 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 ( after margin, it should be:
ul#supersized {
padding: 0;
margin: 0;
}
Delighted, thank you!