Need help with navigation arrows in Cycle2 Slideshow and compatibility with mobile devices

Permalink
Hi :)

I just made this webpage:http://nicolalorusso.net for a terrific italian photographer that lives in Mexico City. I strongly suggest that you take a look at his work!

However I have two BIG issues:

1) I need the navigation arrows in Cycle2 Slideshow to be outside of the images. I think that this can be done with the correct CSS custome code, but I haven't been able to figure out the right one :(
2) The page needs to be exactly as it is in the computer when seen in a mobile device, but the "responsiveness" of the theme screws everything within each page. Can I shut down the responsiveness? What alternative do I have?

Thank you very much,

View Replies:
drbiskit replied on at Permalink Reply
drbiskit
Hi -

I can't see a Cycle2 element on the site, but an example of the correct Cycle 2 prev/next markup can be seen here:
http://jquery.malsup.com/cycle2/demo/prevnext.php...

Then you just need to position the 'next' + 'prev' elements outside of the slideshow element - add something like the below to your CSS - you will need to play around with the positionaing and width values to make it work as desired on your site:

.cycle-prev {
left: -120px;
width: 50%;
}

.cycle-next {
right: -120px;
width: 50%;
}

===

Personally I would strongly recommend sticking with your responsive site, and not trying to make it non-responsive - but if you really want to remove that, then you would want to remove this line from the site header:

<meta name="viewport" content="width=device-width, initial-scale=1.0">

and then also remove the media queries from your CSS files. These are the sections of CSS that look like this - eg:

@media (min-width:1200px) {
/* VARIOUS CSS HERE */
}

===

Hope that helps!
zigeldan replied on at Permalink Reply
Thank you very much, that code helped taking the arrows outside the picture but they (the arrows) disappeared :(
stewblack23 replied on at Permalink Reply
stewblack23
I recommend don't remove the responsive style from your site. Users browsing the web on mobile devices has overtaken people browsing on a desktop. Your missing out on a ton of users that would see your site.
drbiskit replied on at Permalink Reply
drbiskit
Hi - It's probably just the 'opacity' setting that needs to change, but can you provide a URL so that I can take a look please? All I can see on the site is an animated .gif on the homepage.

Thanks.