Pen and Paper - Responsive Site Template

Hi,

50% offset basically means that when you’re scrolling, and a next section reaches the middle of the screen, the next menu link inside the menu get’s highlighted. So, the amount of 50% is ideal for this, and it should be changed in my opinion. If you’ve increased header’s height, you just need to compensate that with a higher top padding for all sections (currently set at 150px):

.slide > .container, .page > .container { padding-top:150px; }

Cheers.

Hi L,

I’ve described how to create a contact form inside the doucmentation, under ‘H) Contact form’.

If you need multiple pages instead of a single scrolling one, you just need to create desired amount of pages, and then copy-paste the content of your homepage sections into this newly crated pages.

Hi,

1) You have a documentation folder inside the package you downloaded. Open the file inside it and look under ‘I) Google map’ part, everything is described there.

2) I’m afraid that I don’t understand what you mean, can you describe this in more details?

Hi,

you would probably need to edit sendEmail.php file for that, but I’m not familiar with clearing the form, so unfortunately I can’t help you with this :/

Hi,

the preview area for big images needs to have a fixed dimension, so no mater what orientation you are using for images, they will be previewed in the same window. Basically, this means that if you have a mixture of landscape and portrait images, you should resize your portrait images to the same height as the lanscape img has. Of course, you’ll see empty space next to the image because it will not fill the entire width of the page. On the other hand, if you are using all portrait images, you can just change dimensions for the preview area to match the same aspect ratio.

Border can be easily removed just by deleting the corresponding style inside css file, thought in that case you should use 16px taller and wider images fill the space left out by removing the borders.

Hi Amar,

this is the comment section for site template version of P&P. I have explained the problem with lists on WP version page.

Cheers.

Hi,

did you meant how to enter your coordinates, or how to display the address on top of the map (in a bubble)? For both cases you need to edit ‘custom_homepage.js’ file. The first part is described inside the documentation, under ‘G) Contact section > Google map’. For the second case, I’m not sure, but check out Google Maps API documentation – I believe you can find example for that under Overlays section.

I want to know where to add the link address of the company? I apologize for the amateur! Thank you!

Hmm, I’m not sure that I understand. But for the Google map you need two things. First, add the link that will launch the map once clicked:

<a class="map_canvas_load">Launch Google map</a>

You can enter company’s address next to the link, or inside it if you want. Second thing is to enter the coordinates inside ‘custom_homepage.js’ file. They are the one that determines what the map will show.

Cheers.

Hi, can you post (or email me) link to your site?

Thank you