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:
Hi
I 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.
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)
Replied 07 Oct 2014 13:42:49
07 Oct 2014 13:42:49 Teodor Kuduschiev replied:
Hi,
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!

Reply to this topic