Return to previous page

Parallax page doesn't work - by 8tango

This topic has 14 replies, 2 voices, and was last updated 5 years, 7 months ago ago by Olga Barlow

8tango

Participant

June 18, 2019 at 07:54

Hi,

I test your parallax pages (https://www.8theme.com/demo/html/mango/index-parallax-fullwidth.html and https://www.8theme.com/demo/html/mango/index-parallax-boxed.html) but it seem that the parallax doesn’t work, could you check and fix the problem?

How to change the color of the sticky menu (white by defaut) for the jewelry theme https://www.8theme.com/demo/html/mango/index-jewellery.html?

Regards,

Bruno

#215752 Copied Theme version: Responsive Ecommerce HTML5 Template

13 Answers

Olga Barlow

Participant

June 18, 2019 at 16:42

Hello,

1) We have fixed problem on our demo. Do you also need the fix?

2) Do you want to make the sticky menu white on your site?

Regards

#215787 Copied

8tango

Participant

June 18, 2019 at 17:14

Hi,

What did you modify as code (css, html, etc…) to make parallax work? I downloaded the theme a few days ago.

No problem with the color of sticky menu, I found a solution.

Regards,

Bruno

#215788 Copied

Olga Barlow

Participant

June 18, 2019 at 17:28

Hello,

Edit the /css/style.css file
1) find
.boxed-layout .fullwidth-block{width: auto; left: auto; margin-left: -50px; margin-right: -50px;transform:translateX(0);-webkit-transform:translateX(0);}
replace by
.boxed-layout .fullwidth-block{width: auto; left: auto; margin-left: -50px; margin-right: -50px;}
2) find
.fullwidth-block{width: 100vw; left: 50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);}
replace by
.fullwidth-block{width: 100vw;left: 50%;margin-left: -50vw;}

Regards

#215791 Copied

8tango

Participant

June 25, 2019 at 09:21

Thank you.

I see into the html code of your Mango theme this ccs code but I don’t find into the theme package the ie9.css file, could you send it to me?

Regards,

Bruno

#216143 Copied

Olga Barlow

Participant

June 25, 2019 at 11:23

Hello,

Mango HTML does not have a separate ie9.css file http://prntscr.com/o6d78e

Regards

#216167 Copied

8tango

Participant

June 28, 2019 at 14:45

Hi Olga,

On this page https://www.8theme.com/demo/html/mango/portfolio-custom.html when you click on the loupe to zoom on the image it’s always the same image, how to personalize the zoom for each image of the portfolio?

Regards,

Bruno

#216378 Copied

Olga Barlow

Participant

July 1, 2019 at 11:40

Hello,

Do you use this template in combination with some CMS?

Regards

#216464 Copied

8tango

Participant

July 2, 2019 at 10:01

No I don’t use a CMS, my website are built in php, I’m a php codeur, I use also jquery on my website.

There is also a bug with “My cart” on Mobile and Tablet version, I can’t open the popup cart after clicking on “My Cart” (at the top right of the screen), could you fix the problem and post here the new code updated?

#216502 Copied
Olga Barlow

Participant

July 3, 2019 at 16:02
Hello,

1) Edit /js/global.js file, find

$('.open-image').on('click', function(){ showPopup($('#image-popup')); return false; });

replace by

$('.open-image').on('click', function(){ $('#image-popup').find('.gallery-image').attr('src', $(this).parents('.image').find('img').attr('src')); showPopup($('#image-popup')); return false; });

2) Edit /css/style.css file, find and remove
.cart-box.popup{display: none!important;}

Regards
#216553 Copied
8tango

Participant

July 8, 2019 at 09:42

Thank you Olga, it work fine 🙂

is there a possibility to resize the popup (overlay-popup class into ccs file) according to the size of my photos? Because the sizes of my photos are not all the same.

How to build a “full-width” mega menu with one (or two column) at the left and one image at the right which expand all items on mobile version with one click on the “fa fa-chevron-down” line (without to have to click after on the “submenu-list-title” line)?

#216732 Copied
Olga Barlow

Participant

July 9, 2019 at 15:41
Hello,

1) Add the following styles

.overlay-popup .popup-container { max-width: 100%; max-width: max-content; }

2) Edit the classes and content of the menu structure http://prntscr.com/ocnvyd to add the second column and change the width of the menu and columns.
To display all the subitems by click on arrow add class “opened” for submenu-list-title and remove display: none for .toggle-list-container
http://prntscr.com/ocnxln

Regards
#216795 Copied
8tango

Participant

July 10, 2019 at 12:27

Thank you Olga, it work fine.

#216846 Copied

Olga Barlow

Participant

July 10, 2019 at 15:08

Hello,

You are welcome!

Regards

#216860 Copied
Viewing 14 results - 1 through 14 (of 14 total)