causelaunch

Hi there,

I am experiencing this same refresh problem. Did you ever find a solution?

You should look into media queries. They allow you to specify certain css styles based on the width of your device.

For example, the navigation images could be positioned at 50% on desktop and 30% on mobile. You could even replace the arrows with a smaller arrow image for mobile.

The basic format of media query is:

@media (max-width: 1140px)  {
        /* Put CSS in here for any screen size smaller than 1140px */
}

Learn more about media queries here.

Hope this helps!

I’m also interested in doing this.

I tried to do it via css by giving the description box a negative bottom margin. Unfortunately, since the description is contained within the photo container, it gets cut off. Then I tried setting overflow to visible, but that messed up the cropping of the photos. I think the issue is more complicated than css because the description needs to be called outside of the photo container.