# CSS for Horizontal Navigation Arrows

**URL:** <https://community.surveysparrow.com/t/css-for-horizontal-navigation-arrows/3525>\
**Category:** CSS Knowledge Bonanza! 🕺\
**Created:** [August 2, 2023, 6:05am UTC](https://community.surveysparrow.com/t/css-for-horizontal-navigation-arrows/3525 "2023-08-02T06:05:13Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![adithya.s](https://avatars.discourse-cdn.com/v4/letter/a/cab0a1/32.png) [@adithya.s](https://community.surveysparrow.com/u/adithya.s)\
**Post date:** [August 2, 2023, 6:05am UTC](https://community.surveysparrow.com/t/css-for-horizontal-navigation-arrows/3525/1 "2023-08-02T06:05:13Z")

</div>

**CSS for Horizontal Navigation Arrows.**

This CSS code enables users to navigate the questions from left to right by changing the direction of the navigation arrows from vertical to horizontal.

.ss\_classic\_form\_navigator button svg {  
transform-origin: 50% 50%;  
transform: rotate(-90deg);  
}

 ![Screenshot 2023-08-02 at 11.30.54 AM](https://europe1.discourse-cdn.com/flex013/uploads/surveysparrow1/original/1X/c314617f0fe4bb94b15039b3c29e5b0516022282.png)

 ![Screenshot 2023-08-02 at 11.32.21 AM](https://europe1.discourse-cdn.com/flex013/uploads/surveysparrow1/original/1X/211db0336570a256be974e1bff08398669594e4e.jpeg)