Home page animation, sticky footer, woocommerce problem

Shapely
1

Hi there

my webpage is:
https://emmarahmani.com/wordpress/

I would really love to add this slow animation effect on my home page background image. Is it possible? I’ve seen a few sites and themes with it and it looks great

Refer to this thread here, I have tried this code but i hasnt worked (i dont know where to put it):

  1. I have a sticky footer that won’t stick to the bottom of the page. it works on some pages but on others it doesn’t.
    refer to screenshot

  2. I have added woocommerce and it’s great but i have a couple questions
    If i select the hide reviews option, the “related products” part gets jumbled up next to the current product image (screenshot added).
    please look here: https://emmarahmani.com/wordpress/product/test/
    but then if i show the reviews, the related products work at the bottom of the page.

Thanks

2

Hi,

  1. That can’t be applied to the home page image https://emmarahmani.com/wordpress/ here, it is a parallax effect image, so it already have its styles and can’t be override, you can add you’re own image other than parallax and try the solution in it.

  2. If the content is not filling the page means, the footer will step up like that, Please add this Custom CSS in Appearance -> Customize -> Additional CSS,

.page-id-110 .footer {
    position: absolute;
    bottom: 0;
    width: 100%;
}
  1. I tried to disable the review, and all the related products are correctly aligned, http://take.ms/Ua6Jh which method you’re trying to remove the review? If that didn’t help, pass us the WP Login details using a “Private Reply”.

Let us know,

Thanks,
laranz.

3

Thank you for that

  1. how can i add my own image and then try that code?
  2. thank you for fixing the footer problem
  3. the problem is still there when i disable reviews. i disable reviews from “advanced” in the product section. screenshot attached.

some more questions
4) how can i hide the product category completely? from each product page.
5) how can i make my shop page completely centred? right now it is left aligned. please refer to here:

6) sometimes my portfolio page has a stuck scroll. and won’t scroll past its page once the page is fully loaded. can you please help? the problem happens in both safari and chrome.
this page here:

thanks in advance

4

Another problem:

  1. I can’t readjust the size of the logo from here. If i change the dimensions it doesn’t actually change. if I upload a smaller file (so its the correct dimensions), it is too compressed and quality is pixelated.
5

HI

You are using custom image sie in logo settings 100*100px but your logo is not square, try to enter real image dimensions in the logo settings

6

hi noda,

thank you. size still doesn’t change even when i keep the correct image dimensions.

can you please also answer my post above. thanks

7

hi there
still having some problems with woocommerce:

some more questions

  1. how can i hide the product category completely? from each product page.
  2. how can i make my shop page completely centred? right now it is left aligned. please refer to here:
    https://emmarahmani.com/wordpress/shop/
  3. please read my issue i stated above about the related products coming up on the side of the product when i hide reviews. screenshot attached

Additional problems:
4) sometimes my portfolio page has a stuck scroll. and won’t scroll past its page once the page is fully loaded. can you please help? the problem happens in both safari and chrome.
this page here:

5) still having some footer problems on mobile. screenshot attached

8

Hi can someone please help me. i can’t fix any of these problems unfortunately

9

Hi,

Sorry for a late response, Can you give us the Login details using the private reply, so that I can check what is the issue?

Let us know,

Thanks,
laranz.

10

hi there

thanks for responding
username:
emmarahm

password:
%K0I4WH73&

Problems please to assess:

  1. woocommerce - ‘related products’ coming up jumbled next to product image when i have hid reviews through the product settings
  2. how to hide product category on each product page?
  3. centre shop page: https://emmarahmani.com/wordpress/shop/
  4. portfolio page is getting stuck and unable to scroll sometimes. happens on mobile too, as well as different browsers https://emmarahmani.com/wordpress/portfolio/
  5. footer is still sitting in middle of page when this is viewed on mobile: http://emmarahmani.com/wordpress/about/
  6. on mobile menu icon completely unresponsive

Thanks

11

Hi,

  1. There is something wrong in the product creation it seems, I create a new product with the reviews disabled and all looks just fine, https://emmarahmani.com/wordpress/product/awesome-product/

  2. Please add this Custom CSS in Appearance -> Customize -> Additional CSS,

.product_meta {
    display: none;
}
  1. Use this CSS,
.post-type-archive-product #secondary {
    display: none;
}
.post-type-archive-product #primary {
    width: 100%;
}

  1. Try disable infinite scrolling and photon module from Jetpack and see that changes anything.

  2. use this CSS,

@media only screen 
  and (max-width: 480px) {
.page-id-110 .footer {
    position: unset;
}
}
  1. Which icon? The menu icon is not clickable?

Let us know,

Thanks,
laranz.

12

Hi there
The portfolio page and images still gets stuck some times. I really can’t figure it out, and couldn’t help it with your previous instructions. please help me

13

Also do you know how i can align the drop down menu for variations with all the other content?
I would like the drop down menu to be directly above the final price
Not sure why it’s not aligned on the left like others

and how do i disable the “clear” function/button?

link is
https://emmarahmani.com/wordpress-2/product/german-fall/

14

Hey there

First of all, it’s not easy to handle such a long list of questions in one single ticket, please consider splitting next time

size choosing dropdown can be fixed by this css code:

.woocommerce div.product form.cart .variations td {
display: block;
}

portfolio images - please deactivate all your third-party plugin and try again, this is not normal for the theme, i think this is a conflict with third-party plugin

15

Okay sure I’ll try thanks

16

Hello there,

Please be sure to let us know if the solution worked.

Best Regards,
Support