djcdubz

Works perfectly. Thank you!

Plugged this in. Changed the arrows in mobile view fine, but it also altered the location of the arrows in desktop view. It's specifically the "top: -10px;" part of the code that's causing the problem. -10 seems to be necessary for mobile placement but skews the desktop placement. Any thoughts how to correct this?

https://www.havenandhomedesign.com/process

@tuanphan Am using this code currently and it shows fine on desktop view. How would I apply the customization seen here to mobile, specifically just the arrow type (e006) and opacity? site: www.havenandhomedesign.com pass: havenandhome

Genius. This worked! Thanks.

I should have been more specific. When you click on the gallery page, look specifically at one of the projects and you'll see it there. It'll look like this: The images are pushed up against the right side of the screen more so than the left. Also, tried the code, didn't change anything.

Where in the code would I place this?

site: www.havenandhomedesign.com pass: havenandhome In the Gallery section of my site, I am using a portfolio layout (and grid:strips specifically for the images). Initially, on mobile, it was not displaying images in a single column, but rather a mix of one and two columns. I have forced the images to display in one column using this code: @media (max-width: 640px) { .gallery-strips .gallery-strips-item img { height: 100%!important; width: 100%!important; } .gallery-strips .gallery-strips-wrapper { columns: 1; column-gap: 0; padding: 0 0px; height: auto!important; display: block!important; } .gallery-strips-item-wrapper { height: auto!important; } .gallery-strips-item { position: relative!important; padding: 10px!important; transform: none!important; width: 100%!important; display: block; } } This fixed the problem, but it created a separate one. Now the images are not centered on the screen (the padding to the right of the image is smaller than the padding to the left, skewing the images to the right). How do I fix this and recenter the images? Thanks in advance for the help.

Thank you. I may end up using that. Appreciate the help.

Site: http://www.havenandhomedesign.com/process Pass: havenandhome I have a banner slideshow with arrows for navigation. The problem here is that you have no idea how many slides there are and would have to scroll back slide by slide instead of being able to navigate to a specific slide once you reach the last slide. I would like to add bullets (at the bottom of the image, not below) for an alternative form of navigation while ideally keeping the arrows. How can I do this? Thanks in advance.