|
Hi guys,
Firstly, just wanted to say how fantastic this template is, very impressed!
I’m building my site at the moment, but my only problem so far is the homepage intro slider. I’ve uploaded 4 banner images (to the Shoppica intro banner section) which are 920 wide x 320 high (same size as the sample ones from the template). These display fine on my pc and other computers at normal size, but when viewing on a smartphone (in my case an iPhone), and the responsive layout kicks in, the slider is only half-displayed, with the right-side of each slide being chopped off (and overlapping onto the next one).
Here’s the site – http://www.sunnysuperfoods.co.uk
Can you please advise how I can fix this?
Cheers,
Sam
|
|
|
If you take a look at the demo at shoppica2.com, it has the same problem. The right side graphics are cut off. This is either done on purpose or needs a CSS edit. You can lay out your slide photo the same as the demo to achieve the same effect making sure the part being cropped is not noticeable (make your content fit in a smaller area).
A CSS edit is probably better solution and expect the themeburn team to suggest the line to edit in screen.css.php. There are separate lines for the mobile CSS. I have to fix this too but haven’t got around to it yet but it is probably an easy fix.
|
|
|
thanks iFix, tweaking the css sounds good, I’ll see what themeburn suggest
|
|
You will need to register in order to post topics and read replies in the ThemeBurn.com support forums! |
|
|
Hi guys, that worked a treat – thanks for coming back on this!
Sam
|
|
|
Themeburn,
Since this is mobile code, is it possible to add the modification to the end of the stylesheet or use the custom CSS in the Shoppica2 module? If so, what do you need to add to make sure it only changes the mobile code?
|
|
You will need to register in order to post topics and read replies in the ThemeBurn.com support forums! |
|
|
ok, thank you. This helps.
|
|
