Return to previous page

Blank space between the menu bar and the content

This topic has 4 replies, 2 voices, and was last updated 10 years, 4 months ago ago by Robert Hall

Paul

Participant

July 17, 2014 at 05:56

Hi,

I’m currently working on a home page that’s supposed to be almost completely made up of parallax sections from top to bottom. The content on the top (just below the menu bar) is to be the revolution slider, followed by several parallax sections without any gaps in between.

Using the visual composer, this has been relatively easy to put together (removed margins from the css section on design option of the row), except that there was a small gap of white space between the revolution slider and the following parallax pages.

So I turned off the revolution slider from the “Page Layout” option (Show revolution slider instead of breadcrumbs and page title -> No slider), and added a VC row at the top, and inserted the slider using the shortcode. Voila, seamless from top to bottom.

Except that there’s a very thin white space about 20 pixels high between the menu bar and the slider. I’m assuming this is the padding space. I’d like to get rid of it just for this page.

Please help.

Please, contact administrator
for this information.

#10055 Copied

3 Answers
Robert Hall

Support staff

July 17, 2014 at 06:06
Hello,

Try to add this code to custom.css file.
```
.page-content {
padding:0;
}
```
Here is a video tutorial how to create custom.css: https://www.youtube.com/watch?v=Qok2zRedRMY&feature=youtu.be.

Regards,
Robert Hall.
#10056 Copied
Paul

Participant

July 17, 2014 at 06:09

That took care of it. Thank you very much!

#10058 Copied

Robert Hall

Support staff

July 17, 2014 at 06:18

You’re welcome!
If you have any questions please feel free to contact us.

Regards,
Robert Hall.

#10060 Copied
Viewing 4 results - 1 through 4 (of 4 total)