Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #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

    #252454
    Edwin
    Participant

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

    #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

    #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?

    #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?

    #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

    #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?

    #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

    #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?

    #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.

    #252629
    Skandha
    Participant

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

    Kind Regards,
    Skandha

Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘Home Page Slider’ is closed to new replies.