Archived topic
navigation not visible on homepage with Elementor Pro slider
19 replies · Started by Jos on January 29, 2018
Let's try this instead (remove everything else we added):
.one-container .site-content {
padding-top: 0;
}
.elementor-column-gap-default>.elementor-row>.elementor-column>.elementor-element-populated {
padding: 0 0 10px;
}
.slider_sectie,
.main-navigation + #sticky-placeholder + .page-header-content {
margin-top: -46px;
}
@media (max-width: 768px) {
.slider_sectie,
.main-navigation + #sticky-placeholder + .page-header-content {
margin-top: -32px;
}
}
Hi Tom,
I admire your patience.
In the previous state the situation was:
Oddly http://klantwebsite4.nl/has a nav menu with a padding above te nav (the slider_sectie), while http://klantwebsite4.nl/behandeltechnieken/ looks good (page header from GP) but when i shrink the window to tablet width (hamburgermenu) the nav ducks lower.
But now it’s exactly the reverse state. In desktop view on the pages with the page header there is a margin at the top, and in the homepage with the slider it’s exact in the right place. In hamburger menu (under 768 px) the pages look good, except the slider.
Hope it doesn't give you a headache...
Thanks in advance,
Jos
The page header pages look fine to me?
The Elementor pages did have a gap due to the E section adding padding - I've adjusted the CSS above to fix that.
Hi Tom,
Now it looks good on all media. Thanks for your effort!
PS I just rated your support as outstanding!
Greets,
Jos
Thank you, Jos! I really appreciate it :)