Space above and below the navigation menu

In addition, I can’t get the slider on top of the page on the exact starting height like in the demo I’ve imported. When I duplicate the page it is the same, but when starting from scratch it’s much higher. Was there some custom code used to create the demo pages that I need to know about?

Hi Sarah,
thanks for your reply.

I don’t see anything happening when I use that code, but I changed some spaces in the code and it does something now.
I’ll break up what I want to accomplish.

1) I would like to move the whole menu down a bit on all pages
2) I would like all my content, be it a slider or a textbox, to start at the same distance below the menu, see link A) in private content. Just like in the imported demo content ‘Minimal Portfolio Demo’ shown here. I got it to work on the link B), but on my current homepage; link C) the text box starts way too low. I would really like to do it with the visual interface and not with custom code if it’s possible, since with custom code I don’t know what the effects on future content will be.
4) When I try to create a page exactly like the page in 2), but starting from scratch, the slider starts underneath the menu, and I can’t find where I can change the padding for it using the interface. see link 3) in private content. Are there some hidden settings for the demo content ‘Minimal Portfolio Demo’ to look like this?
I found .html_header_top.html_header_sticky #top #wrap_all #main{ padding-top:95px; } with the inspector which does exactly what I need, but I can’t figure out where that setting is done, and why it only works for the demo content and not for new pages.
5) Another distance problem is the grey box underneath the page in link C). Whatever I do, I can’t get control over the distance from the box to the text above it. I would really like to do it with the visual interface as well and not with custom code if it’s possible.

I hope you can help me.

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

Hi Sarah,

thank you. The solution for #1 works :-)

I’ve added the access details. If the editor doesn’t work out, Quick CSS is fine.
I would like control over the space around the title box (AgriFood Executive Global Programme) and the quote below the image (The pathway to global competitive advantage and cooperation in AgriFood business. A Provocative and challenging development experience for future business leaders and executives in the AgriFood industry.)

Best, Haiko.

Great, thanks a lot!
In case I want to use this everywhere, Can I just add it to quick css like this?

#main .container_wrap_first:first-child .content { padding-top: 0; }
.avia-builder-el-4 .content { padding-bottom: 0; }

Great, thanks a lot!