[Pro] Backdraft -Wow-slider and CSS menu issue

Hi,

I’ve some problems with the use of Backdraft, Wow slider and CSS (sub)menu.

I made the website without submenus before and all seems to work well. Now that I made some submenus under ‘galerij’, I have problems with the ‘layers’. As you can see on http://users.telenet.be/freeway/projecten.html the thumbnails above the slider aren’t active anymore and the text at the bottom of the page does not appear properly.

On the page http://users.telenet.be/freeway/ the white line is showing in the illustration of the ‘web’ when I look at the page on my iPhone.

Any ideas

http://users.telenet.be/freeway/projecten.html


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Can you duplicate this page and remove the menu, so we can see how the gallery is supposed to work? I have no idea what the gallery is really meant to be doing.

Walter

On Apr 10, 2014, at 2:20 PM, Bart wrote:

Hi,

I’ve some problems with the use of Backdraft, Wow slider and CSS (sub)menu.

I made the website without submenus before and all seems to work well. Now that I made some submenus under ‘galerij’, I have problems with the ‘layers’. As you can see on http://users.telenet.be/freeway/projecten.html the thumbnails above the slider aren’t active anymore and the text at the bottom of the page does not appear properly.

On the page http://users.telenet.be/freeway/ the white line is showing in the illustration of the ‘web’ when I look at the page on my iPhone.

Any ideas

http://users.telenet.be/freeway/projecten.html


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Hi Walter,

I removed the menu on http://users.telenet.be/freeway/projecten2.html and it isn’t working, even without the menu.
I also tried to copy the ‘old’ version: http://users.telenet.be/freeway/projecten3.html
Here the slider does work, but when I look at it on a small screen the menu is below the thumbnails.

I don’t get it.

I’ll have a look tomorrow and I’ill make different pages with only one are two wrappers (positive discrimination : ) and have a look how they behave.

Thank you for your help.
Bart


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Bart,

I think I’ve got it. You have a z-index of -1 being applied to the twoWrapperAlt - which is moving the WOW Slider below the transparent <body> element. Check the extended dialog for that element and see if you have any z-index being set there. If so, delete it.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Hi Caleb,

You’re right, but when I remove the z-index the menu is in back of the slider and doesn’t work on small screens: http://users.telenet.be/freeway/projecten.html


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Hi Caleb and Walter,

I’ve applied a z-index: 999 to the header-wrapper (with the menu) and now I seems to work: http://users.telenet.be/freeway/projecten4.html

What do you think?

Another question: when I look the page on a smartphone, the text isn’t split as I wish. Is there a way to make the text split in a forced way: after the name, after the address, after the telephone number,… ? I don’t think it’s possible but I know you are much smarter than I am.

Bart


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

z-index concept.

I have to write this on my screencast list:

If z-index isn’t specified, the closer the item to the bottom, the higher in hierarchy.

Slider IS closer to the bottom, right?

Conclusion:

Adjust the #menubalk and set for this buddy a z-index (the best a higher number then parent divs in total so in your case) 4 or 5 (while I prefer 99 for the menu leading parent).

Cheers

Thomas


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Hi,

Most problems are solved now: http://users.telenet.be/freeway/
The only things that the white line which is supposed to be below the web is in this illustration

Less important: when I look the page on a smartphone, the text isn’t split as I wish. Is there a way to make the text split in a forced way: after the name, after the address, after the telephone number,… ? I don’t think it’s possible but I know you are much smarter than I am.

If you see something that isn’t correct or can be improved, please let me know ; )

Bart


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

The other thing to realize is that z-index has a context, and if you have nested elements, that context is reset at each level of nesting. Thus, an element with a z-index of 1000 that is contained within an element with a z-index of 1 can never rise above another element elsewhere on the page with a z-index of 2 or more.

div#PageDiv
	div#item1
	div#item2
		div#item3
	div#item4

If this was something you just made in Freeway, top to bottom, the elements would have the z-indices of 1,2,1, and 3. Why the second 1? Because within the context of #item2, #item3 is the first child element, and thus has a LOCAL z-index of 1. It will still appear above #item1 – not just because it appears in source order after #item1, but because #item2 (its parent) is above #item1. But if you were to manually adjust the z-index of #item3 to be 10000, it would still NEVER appear above #item4, because it would still be considered a part of the #item2 context, and as long as #item2 is behind #item4, so are all of its children.

Walter

On Apr 11, 2014, at 3:38 AM, Thomas Kimmich wrote:

z-index concept.

I have to write this on my screencast list:

If z-index isn’t specified, the closer the item to the bottom, the higher in hierarchy.

Slider IS closer to the bottom, right?

Conclusion:

Adjust the #menubalk and set for this buddy a z-index (the best a higher number then parent divs in total so in your case) 4 or 5 (while I prefer 99 for the menu leading parent).

Cheers

Thomas


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options