Padding (Previous Support)

Home Forums Porto – Responsive HTML5 Template Padding (Previous Support)

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #10044915
    Minimal1964
    Participant

    Hi, I added the code that you provided to the custom.css file and noticed that the additional padding either seems to have a time delay before it appears or it appears if you hover or click on the header. Once the site is live this may seem weird.

    Padding Before & After

    Is there anything that I can do to change this so that it appears once the page has loaded please?


    • This topic was modified 9 months, 3 weeks ago by Minimal1964.

    Template Version: Architecture 2 (16/03/2024 Version)
    #10044923
    Support
    Keymaster

    Hi, that’s really strange, could you please upload that in a temporary URL and send me the link so I can check what is going on?

    Thanks.


    #10044925
    Minimal1964
    Participant
    This reply has been marked as private.
    #10044926
    Support
    Keymaster

    Hello, it’s probably because of the “appear-animation”, so try to change the padding from BODY to MAIN.

    FROM:
    CSS (css/custom.css):

    body {
        padding-top: 100px;
    }

    TO:
    CSS (css/custom.css):

    .main {
        padding-top: 100px;
    }

    Or remove appear-animation from header-body in the HTML.

    Best Regards,

    Okler Themes


    #10044927
    Minimal1964
    Participant

    I have added

    .main {
    padding-top: 100px;
    }

    and it now works.

    Thanks for your help. 🙂


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

This topic is marked as "RESOLVED" and can not rceive new replies.