How to reposition navigation button?

  • Resolved seotaro

    (@seotaro)


    2 years, 6 months ago

    hello.

    First of all, thank you so much for developing a useful plugin.

    The plugin works perfectly, and i want to display navigation button near slider instead of full-width.

    So, I changed css like below

    
.swiper-button-prev{
left:auto;
}
.swiper-button-next{
right:auto;
}

    If doing this, the position of the next button overlaps the prev button.

    I can apply different css to change the position of the button, but it’s hard to apply the media query for all device sizes.

    Can you tell me if there is a way to move the position of the next button to the opposite slider?

    Thank you.

    • This topic was modified 2 years, 6 months ago by seotaro.
    • This topic was modified 2 years, 6 months ago by seotaro.
Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Author WebToffee

    (@webtoffee)

    Hi @seotaro,

    Thanks for reaching out and we are sorry for the delayed response.

    We are afraid to say that we are not clear about your requirement. Could you please elucidate your requirement with the help of screenshots for a better understanding?

    Thread Starter seotaro

    (@seotaro)

    Hi, @webtoffee

    Thanks for asnwering.

    First of all, I moved realted product using below code

    
remove_action( 'woocommerce_after_single_product_summary', 'woocommerce_output_related_products', 20 );
add_action( 'woocommerce_after_single_product_summary', 'woocommerce_output_related_products', 1 );

    And I adjusted the ‘top’ css of .swiper-button-next, .swiper-button-prev.

    But I don’t know how to display the navigation button next to the product like in this https://imgsh.net/a/fjrS59N.jpg.

    Could you tell me how do i fix that?

    My staging website is here and other plugins are disabled without related product and Woo.

    Thank you.

    • This reply was modified 2 years, 6 months ago by seotaro.
    • This reply was modified 2 years, 6 months ago by seotaro.
    Plugin Author WebToffee

    (@webtoffee)

    Hi @seotaro,

    Thank you for sharing the information. We will look into it and get back to you soon.

    Plugin Author WebToffee

    (@webtoffee)

    Hi @seotaro,

    Thanks for waiting. It seems like a conflict with the theme that you use. Please try switching the site theme to any of the WordPress default themes (eg: storefront) and see if the issue persists. If not, please share the site theme zip file.
    You can zip the theme directory(Child theme too if any) and share the theme zip directly in private via this link.

    Thread Starter seotaro

    (@seotaro)

    Hi, @webtoffee

    I sent to my theme and chiled theme.

    Thank you.

    Plugin Author WebToffee

    (@webtoffee)

    Hi @seotaro,

    Greetings from WebToffee!

    Since we have resolved the issue via. the support desk, we will go ahead and set this thread to resolve – please feel free to follow up on the ticket you have with us if you have further questions!

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘How to reposition navigation button?’ is closed to new replies.