-

HollyLM

Hi, I added the CSS code and it fixed the problem in Safari, but not in Chrome (on the iPhone). So experimented and changed the marginbottom from 0 to 2, which opened up a bit of space in the mobile view of Chrome.

It’s looking much better, but is there a way to move the arrows to the top or the sides? Also can the section overlay image be set to be more dynamic and become more narrow when viewed on a mobile device? In mobile, it becomes the biggest image, but in reality it’s the least important, and just serves as a pretty background for “Destination Countries.”

FYI, here’s what the text view for that section looks like currently:

[section overlay_background_color="rgba(0,0,0,0.3)" bgimage="https://ilextravel.com/wp-content/uploads/2018/05/Thailand-Bangkok-Grand-PalaceDestination-BackgroundWEB.jpg" marginbottom="2" color="#fff" background-position-y="center"]