Create a full width row under slider

Sparkling
1

Hi!

Thank you for creating this theme and helping us resolve all our issues.

  1. I am trying to create a full width row underneath the slider on the home page, just as it is done on the sparkling demo home page. (See the row underneath the slider with the download button)

How could this be done?

  1. I currently have a full width homepage. I use this code:

.home .post-inner-content {
border: none;
}

@media (min-width: 1200px) {
.home .container {
width: 100%;
}
}

.home .post-inner-content {
padding: 0;
}

Unfortunately there is still a some space on each side. This looks really strange.
Please take a look: http://athleticpursuit.com/

What can I do to fix this?

2
  1. Already found this out — Just use the action button function.

Still have that problem with the weird space on the side of the homepage :frowning:

3

Hi @pumbel,

I hope you are well today and thank you for your question.

You can remove the space on the side of the homepage by using the following CSS code.

.home div#secondary {
  padding-right: 0;
}
.home .main-content-inner {
  padding-left: 0;
}
.home .row {
  margin: 0;
}
.home .main-content-area {
  padding: 0;
  max-width: 100%;
}

Best Regards,
Movin