[sakirose]

2nd UPDATE: Another forum offered this great solution below that is better with responsive design, but again the HOME and ABOUT no longer work.

nav#main-navigation ul.menu {
float: none;
text-align: center;
width: 100%;
}
#main-navigation .menu li {
float: none;
}

Also still need the items spaced a touch.

[sakirose]

FYI – Other themes allow a negative spacer – it’s a really effective and easy way to customize layouts.

Me thinks having huge spacing on the top of the page that is removed in a hidden option is an odd approach.

[sakirose]

That solution created some really bad effects with other pages.

The way to fix this is in the Dante options called “Remove top spacing”. I don’t blame you for not knowing as this is an odd hidden option, but I have attached the screenshot below so you can help others with this issue without breaking other items:

https://dl.dropboxusercontent.com/u/52916400/dante%20spacing.png

[sakirose]

UPDATE: I had to take that code out entirely because it had this odd effect where people could not click on home or about menu items. it was like the mouse was not hovering over it – even when it actually was.

So, we’re back to trying to center the menu and creating space between menu items without breaking functionality.

[sakirose]

What about centering it? I used this to get the spacing right, but now I jsut need to center it:

@media only screen and (min-width: 991px) {
nav#main-navigation .menu > li, .header-4 #main-navigation .menu > li, .header-5 #main-navigation .menu > li, .header-7 #main-navigation .menu > li {
padding: 0 20px 20px;
}

[sakirose]

Can I use an external URL to host the original video that’s not youtube or vimeo?

[sakirose]

Update: I removed all the horizontal white spaces between sections so it really doesn’t matter so much anymore. Thanks for your patience.

[sakirose]

Okay, but on my computer browser that does support it, it turns off between 900-1000px. I was thinking of having it work down to 875px – is that not a good idea? It just seems to stop working a little too early.

[sakirose]

It turns out, I just need to choose “Force Full width” and set the grid height to whatever maximum and it works great!

[sakirose]

This reply has been marked as private.

[sakirose]

Thanks for your help.

So if we have an MP4 format, we need to purchase these other formats or use a video converter? What do you recommend to convert?

Also, what size (dimensions) and quality to you suggest?

Does the length of the video slow down the start time?

[sakirose]

We’re using Safari 5.1.10 and here’s what it looks like:

https://dl.dropboxusercontent.com/u/52916400/Screen%20shot%202014-10-13%20at%203.03.43%20PM.png

https://dl.dropboxusercontent.com/u/52916400/Screen%20shot%202014-10-13%20at%203.04.28%20PM.png

https://dl.dropboxusercontent.com/u/52916400/Screen%20shot%202014-10-13%20at%203.05.43%20PM.png

[sakirose]

This reply has been marked as private.

[sakirose]

Our video is an MP4 file which is broadly supported. When do we need the webm and ogg files – is that for firefox only? It works on other platforms.

[sakirose]

This reply has been marked as private.