This topic can be closed. Thanks!

Here is a temporary admin log-in below

The element is being used on this page: click here

• This reply was modified 5 years, 5 months ago by Mike. Reason: move password

That worked! Thank you!

I tried deactivating my plug-ins one by one and the problem still exists. I also tried using the element on another website using Enfold that doesn’t have as much customization and I get the same results, so I think it may be a problem with the element itself.

That worked great. Thank you!

This can be closed. Thanks!

This topic can be closed. Thanks!

Hello,

I played around a bit and was able to get the social links to right-align and look like they do on desktop. This topic can be closed, but if anyone wants the code for future reference, this is what I did:

@media only screen and (max-width: 767px) {
	.responsive #header .social_bookmarks {
		text-align: right;
		padding-bottom: 0px;
	}
}

@media only screen and (max-width: 767px) {
	#top #wrap_all .social_bookmarks_phone {
		color: #ffffff;
		border-top: none;
		border-bottom: none;
	}
}

@media only screen and (max-width: 767px) {
	#top #wrap_all .social_bookmarks_location {
		color: #ffffff;
		border-top: none;
		border-bottom: none;
	}
}

@media only screen and (max-width: 767px) {
	#top #wrap_all .social_bookmarks_mail {
		color: #ffffff;
		border-top: none;
		border-bottom: none;
	}
}

@media only screen and (max-width: 767px) {
	#top #wrap_all .social_bookmarks_facebook {
		color: #ffffff;
		border-top: none;
		border-bottom: none;
	}
}

Thanks!

Perfect! That’s exactly what I was missing. Thanks so much for your help!

Thanks for getting back to me! I am talking about the top and bottom borders on the sidebar menu.

I have already figured out how to change the background using the following CSS, but when I try to change border-top and border-bottom properties, it doesn’t do anything.

.main_color .widget_nav_menu ul:first-child>.current-menu-item {
	background: #ffffff;
}

• This reply was modified 6 years, 3 months ago by MJM.

That worked! Thanks!

That code worked for desktop, but the sides got cut off on mobile. I did some more poking around and was able to create a solution that worked. Thought I’d share in case any one else is having this problem!

.embed-youtube {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}
.embed-youtube iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

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

Please see Private Content area

I updated to v4.4.1, but everything still looks the same. I am having this same issue across multiple Enfold sites, but this is the one with the most videos.

I tried uploading the same .zip file to another website using Enfold and it worked great. So, for some reason, it is only on this site that the feature isn’t working.