Hello Ismael,

mh, with this code the animation is only a little bit above in the section.
And on mobile the container is also not full width :(

you can also try this on the testing page if you need to.

I cant fix it.

Kind regards!

• This reply was modified 4 years, 9 months ago by marketingnr1.

Hi Ismael,

now the animation is in the top background but shrinked into center.

This code works but only centered in this section on enfold:

How you can make this section full with on enflod? Did i take the wrong class?

<style>
                    /* ---- reset ---- */ #top .homedesktoptest{ margin:0; font:normal 75% Arial, Helvetica, sans-serif; }
					canvas{ display: block; vertical-align: bottom; } /* ---- particles.js container ---- */ 
					#particles-js{ position:absolute; width: 100%; height: 100%; background-color: #183f60; background-image: url(""); 
					background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; } /* ---- stats.js ---- */ 
					.count-particles{ background: #000022; position: absolute; top: 48px; left: 0; width: 80px; color: #13E8E9; font-size: 
					.8em; text-align: left; text-indent: 4px; line-height: 14px; padding-bottom: 2px; font-family: Helvetica, Arial, sans-serif; font-weight: bold; } 
					.js-count-particles{ font-size: 1.1em; } #stats, .count-particles{ -webkit-user-select: none; margin-top: 5px; margin-left: 5px; }
					#stats{ border-radius: 3px 3px 0 0; overflow: hidden; } .count-particles{ border-radius: 0 0 3px 3px; }  
             </style>

   
	                 
	                      <div id="particles-js"></div>
                          <script src="https://cdn.jsdelivr.net/particles.js/2.0.0/particles.min.js"></script> 
	                         <script>
	                                     particlesJS("particles-js", {"particles":{"number":{"value":47,"density":{"enable":true,"value_area":552.4033491425909}},"color":{"value":"#ffffff"},
										 "shape":{"type":"circle","stroke":{"width":0,"color":"#000000"},"polygon":{"nb_sides":5},"image":{"src":"img/github.svg","width":100,"height":100}},
										 "opacity":{"value":0.5,"random":false,"anim":{"enable":false,"speed":1,"opacity_min":0.1,"sync":false}},
										 "size":{"value":3,"random":true,"anim":{"enable":false,"speed":40,"size_min":0.1,"sync":false}},
										 "line_linked":{"enable":true,"distance":150,"color":"#ffffff","opacity":0.4,"width":1},
										 "move":{"enable":true,"speed":6,"direction":"none","random":false,"straight":false,"out_mode":"out",
										 "bounce":false,"attract":{"enable":false,"rotateX":600,"rotateY":1200}}},"interactivity":{"detect_on":"canvas",
										 "events":{"onhover":{"enable":true,"mode":"grab"},"onclick":{"enable":true,"mode":"push"},"resize":true},
										 "modes":{"grab":{"distance":155.84415584415586,"line_linked":{"opacity":1}},"bubble":{"distance":400,"size":40,
										 "duration":2,"opacity":8,"speed":3},"repulse":{"distance":200,"duration":0.4},"push":{"particles_nb":4},
										 "remove":{"particles_nb":2}}},"retina_detect":true});var count_particles, stats, update; stats = new Stats;
										 stats.setMode(0); stats.domElement.style.position = 'absolute'; stats.domElement.style.left = '0px';
										 stats.domElement.style.top = '0px'; 
										 document.body.appendChild(stats.domElement); count_particles = document.querySelector('.js-count-particles');
										 update = function() { stats.begin(); stats.end(); if (window.pJSDom[0].pJS.particles && window.pJSDom[0].pJS.particles.array)
											 { count_particles.innerText = window.pJSDom[0].pJS.particles.array.length; } requestAnimationFrame(update); }; requestAnimationFrame(update);;
	                         </script>

• This reply was modified 4 years, 9 months ago by marketingnr1.

Hello Yigit,

mh the hole website content is still shrinked to the center.

Kind regards.

Hello Ismael,

i included your hole code: https://pastebin.com/isWaJhPj in a code-block which is in the section Homedesktoptest

Kind regards!

Hello team,

now the admin permissions are changed.

Kind regards and thanks in advance!

Hello,

yes, now the code is in the custom css. I cleared the cache several times.

Kind regards and thanks in advance

Hey Jordan,

yes of course, thanks for helping in advance!

It’s about the login male icon in the menu. When scrolling the icon should turn grey.
The file is the last picture in the media.

Kind regards

• This reply was modified 5 years ago by marketingnr1.

Hi Ismael,

yes! This is the right code, thank you!

Kind regards!

[close]

Hi Victoria,

yes of course, thanks you for helping in advance!

Kind regards.

• This reply was modified 5 years, 2 months ago by marketingnr1.

hello victoria,

Ive attached the link as private content.

thank you very much

Hello Victoria,

sorry, now you can see the issue.

Thanks in advance.

Hello Victoria,

thanks for you help. The search box must stay in a fix position even when you change the size of the browser window.
First of all the searchbox must stay in line with the Breadcrumbs “Du bist hier”.
Mockup in private content.

Thanks in advance.

hey Rikard. yes I did.
aparently I havent described my problem too well.

I try to have two columns(of which the first starts a new row) centered under one column which is the category for a certain product group. since there are many items in some categorys, I would like to split the list of items and still have them grouped under ONE main category.

do you need any more inforation or description of what Im trying to do?

thank you very much

furthermore, is there a way to reduce the space between two actual links in the mega menu?

thanks again already Rikard!