Hi Nikko,

Thank you so much for your prompt response. I really appreciate it.
Please close this issue.

Best Regards,
Julio

Ismael,
Thank you for your response and guidance. I will definitely look into this.

Best Regards,
Julio

Here is the CSS that I have in place under “Quick CSS”:

/* Overlap Columns - Homepage Banner (Desktop) */
#homepage-banner + #after_section_1.container_wrap {
	 border-top-style: none;
}
#homepage-banner main.content {
	 padding: 0;
}
#homepage-banner .entry-content-wrapper {
	display: flex;
    align-items: center;
}
#homepage-banner .green-box {
	left: -5vw;
    z-index: 1;
}

/* Overlap Columns - Homepage Banner (Mobile) */
@media only screen and (min-width: 767px) { 
#homepage-banner .green-box {
	left: -15vw;
    z-index: 1;
}
.responsive #top #homepage-banner > .container {
	max-width: 100%;
	padding: 0;
}

#homepage-banner .avia-image-container .avia-image-container-inner img {
	width: 100%;
	right: -5vw;
}
}

Here is the CSS that Nikko suggested that corrected the mobile layout originally. However, as you can see, I replaced Nikko’s CSS with the recent one that Mike suggested. As you can imagine, I’m starting to get a little confused here … LOL. I truly appreciate the help provided!

@media only screen and (max-width:479px) {
  #homepage-banner main.content {
    padding-top: 20px;
  }

  #homepage-banner .entry-content-wrapper {
    flex-direction: column;
  }

  #homepage-banner .green-box {
    left: 0;
  }
}

In all of this CSS, what changes can be made for the “slight” correction to the desktop layout and to fix the mobile layout?

Here is the outcome that I’m hoping to achieve:

Desktop Layout

Mobile Layout

If this helps, I’ve provided my login credentials below.

Please let me know if you have any clarifying questions. Any help would be greatly appreciated. Thank you.

Best Regards,
Julio

• This reply was modified 1 year, 6 months ago by Jules. Reason: added screenshot for desired outcome
• This reply was modified 1 year, 6 months ago by Jules.

Mike,

Desktop view looks pretty good. I noticed that the changes made threw off the mobile layout a little. Here is a screenshot. It appears to have gone back to the layout before I added the CSS that Nikko recommended in the above thread.

Also, I noticed that the changes made threw off the mobile layout a little.
`

Best Regards,
Julio

• This reply was modified 1 year, 6 months ago by Jules. Reason: added image of mobile view
• This reply was modified 1 year, 6 months ago by Jules.

Nikko,
Works perfect. Thanks to you and Mike for your assistance. One more question please, how can I make the two columns take up 100% of the page width? I know the Color Section by default is a full-width element and always takes 100% width of the page container. However, with the overlapping columns, it’s not clear to me on how to achieve full page width. Thanks to anyone that can help me with this.

Best Regards,
Julio

• This reply was modified 1 year, 7 months ago by Jules.

UPDATE:

I found an article on the Enfold forum titled: “Overlap Columns/Elements” that is a lot like what I’m trying to accomplish, but unfortunately, I don’t fully understand how to execute it.

Any help with interpreting this for me would be appreciated. Thanks!!!

Best Regards,
Julio

Mike,
My apologies. If I read your last response “completely”, I would have seen that you added the CSS to a Code Block at the bottom of the test page. Is this just for a test or would the CSS normally get added to the “Quick CSS”?

Also, I would appreciate input for my other question:
One other related question, how can I make the three columns on my test page the same size?
UPDATE: I figured out the solution here :) Edit first column, Row Settings – Row Layout – “Equal Height”

Thank you again.
Julio

• This reply was modified 1 year, 7 months ago by Jules. Reason: Figured out one of my questions

Hey Mike,
This worked perfectly. THANK YOU!!! Feel free to close this post.
Julio

Please close this. Thanks for the help.

Rikard, thank you for sharing this information, very helpful.

Please close this topic. Thank you again.

Best Regards,
Julio

UPDATE: I’m making progress, but still need help – PLEASE

I found this code on the Enfold Forum, which I applied to my Footer Widget:
<li class="social_bookmarks_linkedin av-social-link-linkedin social_icon_4"><a href="#" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello" title="linkedin"><span class="avia_hidden_link_text">Linkedin</span></a></li>

I also added “Linkedin” to my “Social Profiles”

The link works, however, it is displaying the “Skype” icon vs. the “Linkedin” icon.

How can I correct this? Thank you.

Best Regards,
Julio

Hello Ismael,

Thank you for your response. I fully agree, logically since the YouTube video is scheduled for 12:00am and the WordPress/Enfold Post is scheduled for 12:15am, there is no reason why the video shouldn’t be available to be displayed.

Are you suggesting this issue with the Video Element not working as expected is an issue related to the Enfold Theme that I’m using? If so, I’m just curious, wouldn’t this be something the Enfold/Kriesi Developers would want to be made aware of and try to fix?

I’m sorry, but I’m not sure what you mean by switching to a different theme to see if an embedded video still plays on a scheduled post or how I would switch to a different theme. My apologies, but this is new to me and I’m not familiar with how to do this or if it would negatively impact my current site in any way.

Please provide more guidance and I will gladly try it. Thank you!!!

On a side note, here are two resources I found where they claim to have solutions to this problem:
1. https://scottdeluzio.com/embedding-scheduled-youtube-videos-in-scheduled-wordpress-posts/
This requires PHP. Does it sound reasonable?

2. https://diydanielle.com/how-to-embed-scheduled-youtube-video-in/
I’m trying this tonight, but I know since I’m embedding the video using HTML the results will not be responsive like the Video Element.

I was hoping to accomplish all this simply by using the Video Element – pointing to YouTube video and scheduling the Post. This would be my preferred option. However, I at least wanted to start thinking about alternative approaches if needed.

Best Regards,
Julio

UPDATE:
I just created a Test Post and added the same Video URL manually and it shows up as expected – see link below under Private.

Is this related to the fact that the YouTube video and the Enfold Post are being scheduled? Is the 10 minute window between making the video and Post available causing this issue? Is there some other way I should be automating this workflow?

NOTE: I’m not correcting this Post until the Enfold Team has time to review the problem. Thank you.

Any help in solving this would be greatly appreciated.

Best Regards,
Julio

• This reply was modified 2 years, 7 months ago by Jules.

Hey Mike,

My goal is to have the latest Daily Word video displayed using the “shortcode” for the Playlist. I’ve tried with the Daily Word Playlist, but the newest video doesn’t show up at the top of the list for several hours. When I use the Channel, the newest video shows up near real-time. The problem with using the Channel is that it will display any new video, but I only want to display real-time the newest Daily Word video each day. This is why I’m trying to get the Daily Word Playlist workin. Does this make sense?

Thank you for your screenshot. As you can see under “Channel List“, the newest Daily Word video is displayed at the top of the list. However, under the Playlist the second newest video is shown at the top of the list vs. the newest video. It will eventually show up, but it takes several hours.

The “Check for New Videos” is for the original plug-in I tried. It doesn’t apply to EmbedPlus that Guenni007 recommended :)

Any ideas on how to get the newest video at the top of the Playlist (like the Channel List)? Please note that for my YouTube Playlist Settings, I have “Add new videos to the top of playlist” enabled.

I’m sorry, but I’m not familiar with the Cron Trigger plug-in. How can this help?

Any guidance on how to solve this would be greatly appreciated. Thank you!!!

Best Regards,
Julio

Thank you Ismael. See below for credentials.

Best Regards,
Julio