Discussion on Sweet Pea - Responsive HTML One Page Template

Discussion on Sweet Pea - Responsive HTML One Page Template

Cart 43 sales
Well Documented

xxcriversxx supports this item


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

24 comments found.


This endpoint has been retired alert when loading site for instagram theatre…

Let me know if it needs to be adjusted somewhere in JS.


I’m sorry for your issue. Please get yourself a new token using my premium token tool.

Token Tool


Hi I just tried to get a new token, but got the error: Array ( [error_type] => OAuthException [code] => 400 [error_message] => Redirect URI doesn’t match original redirect URI )


I’m sorry for your issues. Can you please send me an email with this message attached so I can help you further?



Getting a 500 error on process-form.php ajax call. Any idea why? No code altered besides changing the email addresses TO and FROM.

<!DOCTYPE HTML PUBLIC ”-//IETF//DTD HTML 2.0//EN”> <head> <title>500 Internal Server Error</title> </head>

Internal Server Error

The server encountered an internal error or misconfiguration and was unable to complete your request.

Please contact the server administrator at xxxx@xxxx to inform them of the time this error occurred, and the actions you performed just before this error.

More information about this error may be available in the server error log.

Additionally, a 500 Internal Server Error error was encountered while trying to use an ErrorDocument to handle the request.


Thanks for reaching out, I’ll be happy to assist. Can you please send me a link in an email using the form on my profile page so that I can take a look?

The access_token provided is invalid. Do I need to apply for my own just to use popular and tags? If so, what are the callback urls? just the domain name?

Please get yourself a new token using my premium token tool below. Let me know if you have any additional questions.

Premium Token Tool

Sweet thank you! All set.

Hello, when accessing the gallery part, return the following “The access_token provided does not match an approved application”. you can help? Thank you.


Thanks for reaching out, I’ll be happy to assist you. Did you insert an access token?


Hello! thanks for the reply. Yes insert it here instagramTheatre.js. greetings.


Yes, you’ve seemed to have edited the core plugin file. Instead, you should make the token setting on the actual call of the plugin. Does this make sense?


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.

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?



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 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.

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!


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

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!

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?


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

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

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.

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


There shouldn’t be any dots on the menu?


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

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

Looks great.. GLWS ;)


Tell us what you think!

We'd like to ask you a few questions to help improve ThemeForest.

Sure, take me to the survey