Revolution slider link resize issue

[pbi design]

I have put together a slider with images and text layers using Revolution Slider. It works well on desktop and laptop, but there is a resizing issue on mobile devices.

I have two columns/paragraphs of text; each one is a separate layer. There is a link in the right hand paragraph, which is styled to be bold and in a different color. For some reason the link scales differently from the rest of the text, so I gather the inline CSS I tried to apply isn’t done correctly. I’ve attached screenshots showing the issue on mobile and another showing the layer parameters I put together. Your help will be greatly appreciated.

Attachments:

You must be logged in to view attached files.

[Kyle – SUPPORT]

Hi

Remove the span, add the color to the <a> tag instead

– Kyle

[pbi design]

fixed. I have a couple of more mobile related issues. Not sure if I need to open a separate topic. Let me know if I do.

Slider arrows
Even though I have specified to show the arrow navigation in the slider settings: mobile visibility, it’s not showing up. I tried both settings (on and off) and it just doesn’t show up. Any idea why?

Header
1A. on mobile phone, vertical orientation: the logo is pushing the menu icon down, even though I have this in the custom CSS:
@media only screen and (max-width: 767px) {
#logo img, #logo img.retina {
max-width: 70%;
min-height: 0;
}
}
1B. on mobile phone, horizontal orientation: the logo and menu are fine, but there is a lot of white space below the logo before the slider. How can I reduce that space?

[Kyle – SUPPORT]

Hi

Yes please open new topics for each new issue 🙂 Thanks

– Kyle