Actually what I originally posted does not work.

.main_color {
min-height:calc(100vh – 46px) !important;
min-height:-moz-calc(100vh – 46px) !important;
min-height:-webkit-(100vh – 46px) !important;
min-height:expression(100vh – 46px) !important;
min-height:-o-calc(100vh – 46px) !important;
}

There are multiple main_color classes on other pages and it makes those pages huge because ever main_color section is the entire height of the monitor. So I dunno. Stumped.

Hey, thanks.

That made the footer huge too. I used the following code to make only the content between the header and footer be 100% of the page (minus 46 pix because my header menu is 46px). Keeping in mind it won’t look right until you log out of wordpress because there’s a black bar at the top when you are logged in. Now I’m trying to figure out if there’s a way to calculate footer height and subtract that as well so the footer always shows flush to the bottom of the screen if there’s room for it. Different browsers show slightly different heights on the footer due to the way they display text so I can’t just do it manually without it looking a little sloppy.

.main_color {
min-height:calc(100vh – 46px) !important;
min-height:-moz-calc(100vh – 46px) !important;
min-height:-webkit-(100vh – 46px) !important;
min-height:expression(100vh – 46px) !important;
min-height:-o-calc(100vh – 46px) !important;
}

Hello, I found that if I put the full url in the color section background video, it’s silent. For example: http://feoletech.com/wp-content/uploads/2017/amd.mp4
But if I just put in the relative url then enfold doesn’t strip the sound. For example, /wp-content/uploads/2017/amd.mp4
So I’m using the full url now of http://feoletech.com/wp-content/uploads/2017/amd.mp4 and it’s NOT playing sound.
I don’t know if this is working as intended so it’s up to you to mark it as solved or not.

I was able to fix the broken color section video with the following code I gathered from other posts. However, when I make the screen size smaller, the menu turns glassy, from invisible, and then becomes solid when I get to mobile. Is it possible to make it stay invisible no matter what screen size?

/*Fix enfold's broken color section video background player*/
.mejs-container  {
  width: 100% !important;
}
#top .av-video-slide video {
	height: auto;
}

Hello, I had to type something for you to reply to so that follow-up replies come to me via email. Please reply to this message.

Currently all of the content is squished together into the center of the page. There’s area on the right and area on the left that cannot be used. I want to use that area.

It’s not a problem on a mobile. It’s just broken FLAT-OUT broken. Many users have reported this issue.

Actually, did you click on the text tab and then back to the visual tab after setting that up? That’s what breaks it for me. If I insert it via text and then click update, it works. If I insert it via text and then click on the visual tab, it breaks it.

Hello,

Could you test this? You would just have to make a post with a few numbered list items, stick a <!–more–> tag in between two of the numbers, and update the page.

<ol>
<li>something1</li>
<!--more-->
<li>something2</li>
</ol>

If it shows numbers 1 and 2, then the problem must be on my end. If it shows 1 and 1, then the problem is with the theme.

Thanks,

Brendon

Hello Jordan
You can see the header has a clear background. How do I make it clear no matter what width my browser is?
Thanks,
Brendon

Yah it doesn’t work. It’s broken if you stick that code in between <ol></ol> tags.

• This reply was modified 7 years, 6 months ago by feoleb.