[Witzelsucht-tapesParticipant]

URL: http://nlilabel.com/
Wordpress: 4.2.2
Theme: 4.0.1
Shortcode: 3.0.5

I added some custom arrows to my revolution slider, but they don’t resize properly when the browser window is resized or when viewed on a mobile device. I’ve tried using max width and auto in their css classes but that yielded no results. Any suggestions? Alternatively, I could probably accept a conditional statement (ie, if viewed on mobile, arrows revert back to default).

Thanks in advance.

[LelyModerator]

Hello There,

Please add the following mobile CSS code for arrows:

@media (max-width:  480px) {

.tp-rightarrow.default {
   background: url(http://nlilabel.com/wp-content/plugins/revslider/rs-plugin/assets/large_right.png) no-repeat 0 0;
  margin-right: 0px; 
  background-position: 0% -40px;
  margin-top: -15px !important;
}
.tp-leftarrow.default {
  background: url(http://nlilabel.com/wp-content/plugins/revslider/rs-plugin/assets/large_left.png) no-repeat 0 0;
  background-position: 0% -40px;
  margin-top: -15px !important;
}

.tp-leftarrow:before,
.tp-rightarrow:before{
  content: "";
}
}

Hope this helps.

[Witzelsucht-tapesParticipant]

Thanks very much. It works, but the right arrow ends up next to the left arrow. Any suggestions?

I’m viewing on an iPhone 5 screen for testing if that helps.

[ChristianModerator]

Hey there,

We’d love to help you further with this however, this falls outside the scope of our support as this is under custom development. The code given serves only as a guide. We have no resources for further enhancement, modification or fixing complications arising from the use of the code. You might want to contact our trusted partners who caters X setup and customization needs. Please see https://theme.co/x/member/custom-development/.

Thank you for understanding.

[Witzelsucht-tapesParticipant]

That’s no problem. My client decided to just settle on the default arrows. Thanks for the help. Love the theme!

[ChristopherModerator]

You are welcome.

[Author]

Posts