Home Forums Air WordPress Theme Post(Prev/Next) Navi error and Back-to-top Button setting custom

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #19088
    ymdesign
    Participant
    Purchased

    I almost finished my website using the air theme.

    There are some questions ahead of finishing.

    1. Even though ‘Show Post (Prev / Next) Navigation’ is set to ON in the theme option, it is not displayed on the Project Item Page. Give me a solution so that navigation is displayed normally.

    page link
    http://ymdesign01.cafe24.com/altioragoduck/

    2. I want to customize the button to always be visible even if the screen scroll does not reach the bottom.

    Your answer will be a great help in finalizing my homepage. Thank you.

    • This topic was modified 11 months, 2 weeks ago by ymdesign.
    #19090
    SeaTheme
    Keymaster
    Purchased

    Hi,
    Thank you for purchasing our theme.

    1. Please paste the custom CSS code to “Appearance > Customize: Additional CSS”
    .blog-unit-meta-bottom .arrow-item { opacity: 1;display: inline-block; transform: translateX(0px); }

    2. Did you talk the post(next/prev) button also? If yes, please paste the custom CSS code to “Appearance > Customize: Additional CSS”:
    .single-format-gallery .blog-unit-meta-bottom {position: fixed; bottom: 0; left: 0; right: 0; }

    Regards!
    SeaTheme – SeaTheme.netTwitterFacebook

    #19096
    ymdesign
    Participant
    Purchased

    2. Did you talk the post(next/prev) button also?

    ==>
    Sorry, I did not explain what a button was by mistake.
    The button I want is ‘Back-to-top Button’
    I want to customize ‘Back-to-top Button’ to always be visible even if the screen scroll does not reach the bottom.

    In addition, can this button be visible on mobile?
    If ‘Back-to-top Button’ is available on mobile, it would be very useful.

    Thank you for always kindly solution.^^

    #19097
    SeaTheme
    Keymaster
    Purchased

    Welcome!
    Please use the custom CSS:

    #footer {
        position: relative!important; z-index: 0;
    }
    .container-fluid.back-top-wrap { 
        bottom: 0;
    }
    #wrap { 
        margin-bottom: 0!important;
    }
    .ux-mobile #back-top {
        display: block;
    }
    .touchevents #back-top:before  {
        -webkit-transform: translate(2px,-15px) rotate(-60deg);
        -moz-transform: translate(2px,-15px) rotate(-60deg);
        -ms-transform: translate(2px,-15px) rotate(-60deg);
        transform: translate(2px,-15px) rotate(-60deg);
    }
    .touchevents #back-top:after{
        -webkit-transform: translate(2px,-12px) rotate(60deg);
        -moz-transform: translate(2px,-12px) rotate(60deg);
        -ms-transform: translate(2px,-12px) rotate(60deg);
        transform: translate(2px,-12px) rotate(60deg);
    }
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.

Join Newsletter(FREE)

Subscribe to our newsletter to receive news & updates. We promise to not spam you, super promise!