Discussion on Sweet Pea - Responsive HTML One Page Template


xxcriversxx supports this item


This author's response time can be up to 1 business day.

20 comments found.

Congratulations nice work. Good luck dude!

Very nice! what does that mean?: Fancybox Integration(Next Version) Weekly Downloadable Content

Is the php/js file to make the contact form workable included in the package?

I am not interested in Instagram. I should be able to easily create my very own photo gallery, right?

Hello Oratorio,

Yes there is a form processor available with your purchase.

I hope this helps, xxcriversxx

Great work :) good luck with sales! :)

Awesome work. Good luck bro.

Thanks bud!

Looks great.. GLWS ;)

what file do you modify to get the instagram theatre to work im confused on how to get it into “USER” mode? – any help would be greatly appreciated. thank you very much.


I can definitely help you with this. You can literally instantiate this plugin anywhere but for demo purposes I included it in the site.js file around line 49. You’ll notice the code around it—“if($(this) ...” Is simply for the lazy loading functionality so you can remove it if you don’t need it.

Take a look at the Instagram documentation file that comes included with the theme.

I hope this helps, xxcriversxx

Awesome design, works very well. But one questions, where I can change the adress for the contact form?


I will be more than happy to help you with this. You can change the form post location on line 45 of the index.html file.

Enjoy! xxcriversxx

awesome theme! question…how do i get rid of the dots on the menu?


There shouldn’t be any dots on the menu?


is missing just before . Best wishes.

a closing tag for div is missing just before the closing tag for html at the bottom of the page….

Hello, no this is incorrect. My markup is perfect. Can you send me a link your site so I can take a better look?


It is perfect! Apologies, my mistake.

Where do I enter my email address so I will receive the messages sent from the contact form?


A form processor does not come standard with the template because there is no way for me to know which server-side programming language your using with the template. I’m sorry for your confusion.


I bought the template AGAIN because a month ago you wrote: Yes there is a form processor available with your purchase. Every theme I have bought here, which had a contact form had a php or js file, to go with the contact form. Can you write one for me, my server uses php or js file, whatever is convenient for you. Thanks in advance.


I will be glad to write one for you.

Thanks, xxcriversxx

Hi, I’ve used the template version included on the birthday bundle for a website and have some issues with the backgrounds, I know there’s no support with bundles and I’m interested in buy this template but the site is already done, the client notice the problem when check the site on an iPad, the question is: How many archives and changes in code I must do in this template to make it work fine on tablets ?

Ok, I’ve buy the template and the problem is not solved :( When I see the site on an ipad, the background images displays wrong, I’ve replaced almost all the files.


Thanks for your purchase. Can you send me an email with your issue, ftp info and a link so I can better assist you?

Thanks, xxcriversxx

To the AUTHOR…

I brought up the demo on Opera’s mobile emulator. Slide 2, slide 4, slide 6, and slide 8 (those with static backgrounds) are all ZOOMED IN and you can’t tell what it is other than a patch of blurry color.

I had a buddy bring up the demo site on his new iphone 5s and he saw the same thing… he couldn’t make out the static images.

All the static “slides” look fine in my firefox browser, but once in mobile mode they are all ZOOMED in and you can’t tell what they are.

What’s up with that?


PURCHASED (after looking at many 1 page scrolling parallax templates here) and it was easy to change/insert my stuff. Got it up and running late last night and now I’m tweaking a few things.

Could not find the php/js for the contact page and I looked in all the folders. Would you please send it me ASAP.


I will be glad to help you with this. There will be an update to the theme as soon Envato approves it.

Thanks! xxcriversxx

Downloaded the updated theme and tested the email form. It works! Thanks for your quick response and coding of the php/js for the contact form.

Perfect, enjoy!

Hey xxcriversxx

I bought birthday bundle with the website in. Had the problems on ipad and iphone not viewing correctly.

in above post you say it has been resolved

So I bought the template again and it still does not view correctly

Please help?


I definitely resolved the issues with mobile devices a couple of versions ago. Maybe your experiencing something else? Can you send me a link via email so I can take a better look?

Thanks, xxcriversxx

Hi There,

Thank you for your response.

When viewing on the ipad and iphone, images are zoomed in and one cannot see what the full image is.

Please find link below for the test site:


Ok, I see the issue. I noticed you did update the css file however you never updated to the latest version of /elements/header.php. At the top where you see the meta device width, please change the device width to “device-width”.

This is how sweetpea knows that its an ipad. Your end result should look something like this.

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

I hope this helps! xxcriversxx

hi, i am a bit of a newbie… but don’t know how to choose one template and remove the rest. thanks

well done on the theme so far! so uploaded the files to my website, it has the theme setting window on the right. how do i chose a theme then remove box, i also cannot figure out how to change to logo and sweet pea to my name and logo. sorry to be so needy, and thanks for the advice in advance


Hello Olawal-e,

Sorry for the delay, lets get you up and running! You can change the logo to by modifying the logo class on line 111 of your css file.

#header .logo a {
    background: url("images/logo.png") no-repeat;

Change the following section to point at your image. Let me know if you have any additional questions!


I would like to get rid of the header starting at the second slide, when it shrinks to a smaller size. Right now it cuts off a portion of the top of the slide/image. I would like to reclaim that precious real-estate! :) Thank you for your help. I tried to change the margin in the css but did not get anywhere.


I understand perfectly. I can definitely help you get this sorted out. Can you send me a link to your dev site? If you do not wish for the world to see it yet, you can also email me if you’d like. I’ll post the solution to this forum so anyone else with this issue can also have the solution.

Thanks! xxcriversxx

I sent you the link.

oratorio, take a look at your email. I had an additional question for you.


I received the theme in a bundle and then bought the newest version. I am still having issues plugging in just what is needed since I have already styled the site the way I want I do not want to re-change the CSS. Where is it that I can make the background images not be all the way zoomed in on mobile? I just would like the specific section.

Thank you!


I will be glad to help you sort out your issues. I completely understand not wanting to override your styles. Here’s what you need to handle mobile devices.

Add the following to bottom of your css file(make sure you add this to the iphone media query):
        /* Background Fix */
    #middle .slide.layout-image {
        background-size: auto 100%;
Add this to the head of your html file:
<meta name="viewport" content="width=device-width, initial-scale=1.0" />

I hope this helps!


i don’t understood where i have to insert my instagram user and password.. i not so good with coding

it’s MODE and i can choose user or popular. But i didn’t understood how to connect my insyagram account to the gallery-nav section

please tell me what I have to do to connect my instagram account to the website. unfortunely the instragram doc didn’t help me enough.

I’m not understanding what you need. Are you having trouble setting up the navigation or the actual instagram API? Can you send me a link showing the problem?


Hi! I had to renew the Instagram access token cause the previous one had expired.

Now the “Load More” Button doesn’t show up anymore and only the latest 20 pictures of my Instagram account are displayed.

I tried, as a test, to force the Load More button to show by eliminating the if statement that checks if it has to be shown or not in the InstagramTeather.js file. It did show up but when I clicked on it the same 20 pcitures were added to the instagram section again and again.

Can you help me out with this? It looks like the plugin only sees 20 picutres in my instagram account (while there are many more).

Thanks in advance!

Thanks for clarifying. I’m out of the office today but if you could email me some temporary login credentials, I will be happy to resolve this for you.

sorry for the late reply, my Hosting provider didn’t allow me to create any temporary credentials for FTP access. I made an exact copy of our website to another “test” space for you to work on. Can you tell me where to send you the credentials?

Perfect! You can send it to me by filling out the form on my profile page.