Coding Questions

Hello,

The websites are coming along very nicely. Thank you for all your assistance.
However, I do have some other additional questions.

1. Noticed something strange happening only on iPad Mini. When viewing the Home Page, scrolled all the way down to the footer area. When change rotation to Landscape view --then back-- to Portrait view, a white space is appearing at the bottom. What makes this so weird, Every page works fine except for the Home page. Also this is not occurring at all on Android tablet? Have you heard of anyone else experiencing this? PLEASE SEE SCREEN SHOT. https://codenyc.net/niles

---

1. I'm currently treating [section id="slider"] as static photo not as sliders. Is this preferred to use this way?
2. I have incorporated a message field to the contact form from (demo-movers.html). Do I have to make the additional edit to the form.php file?
   https://codenyc.net/JAJ/quote.html

Thank you,
NC

Hi thank you for answering so quickly.

1. Missing Attributes - From line 7, column 5; to line 7, column 73 - Line 7 within index.html?, column 5? line 7? column 73?

I'm trying to get understanding about what this is? Oh man trying to wrap my head to even find these :-(... (example) From line 13, column 2; to line 13, column 156... The (|) error I copied from original template -demo-car.html.

Even though these errors are occurring on Landing page... Doesn't explain why all other pages does not show the white space at bottom of page on iPad rotate... Only thing that appears really stand out and different is:

Duplicate ID slider.
From line 388, column 9; to line 388, column 76
↩<section id="slider" class="slider-element revslider-wrap clearfix">↩↩

2. Where you mention "using a .section inside the #content would be more ideal." What does this mean?

This is what I'm presently using for a Static Photo:

<section id="slider" class="slider-element swiper_wrapper clearfix" style="height: 600px;">
<div class="swiper-container swiper-parent">
<div class="swiper-wrapper">
<div class="swiper-slide dark" style="background-image: url('images/single/wall.jpg');">
</div>
</div>
</div>
</section>

3. Great thanks!

Hi there,

1. Was thinking ? Maybe I could add:

body {
min-height:100%;/*or 100vh */
position:relative;
}

Maybe this would help?

The min-height property will make sure that the body at least takes 100% of your viewport height. This way even if you have less content your footer will always stick to the bottom of viewport.

Position: relative rule is set so that the footer is positioned absolute relative to the body and not any other wrapper

What do you think?

Yes it is weird. But, Alright! I think it worked! ?

**body {
min-height:100%;/or 100vh /
position:relative;
}

Thank you for the slider code. But it doesn't seem to be appearing. Am I totally replacing the whole section?

<section id="slider" class="slider-element swiper_wrapper clearfix" style="height: 600px;">
<div class="swiper-container swiper-parent">
<div class="swiper-wrapper">
<div class="swiper-slide dark" style="background-image: url('images/single/wall.jpg');">
</div>
</div>
</div>

	</section>

NC

Another thought in regards to #1
Could I make footer sticky? I know the Header is already sticky. But can this be used together at the same time?

Thank you...

Your were absolutely right. I should not find the solution from outside. So I dug a bit deeper.

I discovered all along I had placed the following code in the wrong area" The closing divs and contend end:

</div>
</div>
</section><!-- #content end -->

This certainly could through off the bottom of page drastically! I will certainly be able to tell once file finished upload through my firewall. It takes a while. Wheww! Thanks as always for your input.

Good Night
:-)