Home Page Slider

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

Viewing 11 posts - 1 through 11 (of 11 total)

Author

Posts
July 9, 2020 at 6:02 am #252452

Edwin
Participant

Hello, I want to use a home page slider plugin and it seems to be working fine. However, there is a large margin or white space between the top of the slider and the header secondary menu on the home page. I do not want any space, the top of the slider should be flush up against the menu. Also, under the menu there should be a larger margin between the H1 title of the page and the slider. Can you send the CSS code for this? Thanks! My website is iglobal.net

July 9, 2020 at 6:16 am #252454

Edwin
Participant

I want to remove the space in all three device types, mobile, desktop and tablet.

July 9, 2020 at 6:50 am #252465
Skandha
Participant
@mmhgloba: Hello there,
Go to => Appearance => Customize => Additional CSS and add the following CSS Code.
```
#content-sidebar,.home #content #post-15888  {
    padding-top: 0 !important;
}
```
Let me know if this work out!
Kind Regards,
Skandha
July 9, 2020 at 7:01 am #252467

Edwin
Participant

Hi Skandha, it looks much better but there is still a gap between the slider and the header menu. Can you fix it? Also, can we create a small gap about the same size below the slider to pad the page title?

July 9, 2020 at 7:34 am #252468

Edwin
Participant

Skandha, a problem I just found is that on the product pages, the space between the top of the listing and the header is removed, it is flush up against the secondary header menu. This is what I want on the home page, but not the product pages. You can view it here: https://iglobal.net/product/antigua-and-barbuda-citizenship-by-investment/ – the pages and posts seem fine though. Can you adjust this?

July 9, 2020 at 8:20 am #252476
Skandha
Participant
@mmhgloba: Hello there,
Replace the above code by the following.
```
.home #content-sidebar,.home #content #post-15888  {
    padding-top: 0 !important;
}
```
The remaining space seems to be coming from the plugin you are using. Can you disable the plugin to check if the space is showing up due to the plugin?

Kind Regards,
Skandha
July 9, 2020 at 10:28 am #252489

Edwin
Participant

Hi Skandha, that fixed the issue on the product pages. I am not sure disabling the plugin is a good idea, without it the slider would disappear. The original slider that came with the theme did not show the space on the home page. I hope that helps resolve it. Should I ask the plugin creator about it?

July 10, 2020 at 1:42 am #252553
Skandha
Participant
@mmhgloba: Hello there,
Go to => Appearance => Customize => Additional CSS and add the following CSS Code.
```
#main {
    margin-top: -20px;
}
```
Let me know if this works out!
Kind Regards,
Skandha
July 10, 2020 at 5:26 am #252567

Edwin
Participant

Thanks Skandha, that worked great. Can you create a little bit of space under the slider so the H1 title is not so snug?

July 10, 2020 at 11:18 am #252591

Edwin
Participant

There was an incredibly simple solution, I was able to create some space with simple html on the page. Not sure why I did not think of it earlier. Thanks for your assistance with the other issues.

July 10, 2020 at 11:37 pm #252629

Skandha
Participant

@mmhgloba: Glad I could help you out. Have a great weekend! 🙂

Kind Regards,
Skandha
Author

Posts