Stuck following this youtube tutorial – positioning problem

[ralfillo]

Hi everybody,

I’m following this tutorial for WordPress Themes customization (by the way it is really good).

This is the link of the video: https://www.youtube.com/watch?v=AShql_Ap1Yo&index=4&list=PLpcSpRrAaOaqMA4R dhSnnNcaqOVpX7qi5

I’m stuck at the minute 8:13.

At the moment, I’m stuck because the menu appears below the line that should be at the bottom of the header.

In the next link, you can see a picture with the problem, I’d really appreciate your help.

https://www.dropbox.com/s/xikfxx94ptt6xd4/Captura%20de%20pantalla%202016-01-22%2019.41.36.png?dl=0

[MOD EDIT – Codedump Removed]

Thanks for your help,
Rafa

[Paulie_D]

Basically, codedumps aren’t really useful nor are links to tutorials.

A Codepen.io demo with the output HTML & CSS (just enough to demo the issue) is infinitely more preferable.

Explain what the problem is and what you have tried to fix it…help us help you.

[ralfillo]

Hi Paulie_D,

Thanks for your reply, as you suggested I prepared a codepen.io demo, I hope that I did it correctly.

http://codepen.io/ralfillo/pen/RrQZbb

Here you have a better screenshot of the problem I was telling you about, the problem is the CSS code, as soon as I wrote it moved the menus below the line and next to the menu starts the website’s body.

https://www.dropbox.com/s/1o5rk1ulz5onu6h/screenshot-wordpress.psd?dl=0

Thanks

[Shikkediel]

Maybe you could copy and paste the HTML output there instead of the raw PHP?

[ralfillo]

Hi Shikkediel,

Thanks, for your advice, I just updated the codepen.io link.

Here you can see the problem: http://codepen.io/ralfillo/pen/RrQZbb

Thanks

[Atelierbram]

Because it contains floats, the outer container collapses; it needs to be cleared too:

.menu-primary-menu-links-container {
  /* clear: both; */
  overflow: auto;
}

but if you fix the typo in the clearfix, then this isn’t even needed: there should be no space in between element/colon/colon/pseudo-element, element::after

[ralfillo]

Cheers Atelierbram,

The problem is solved thanks to your advice :)

Thanks

[Author]

Posts