GeorgeK

Perfect !!! Thank you @tuanphan.

yes ofc. i thought i did it in the initial post https://www.souzanapetri.com

Hi, While my website homepage displays as I want to on a desktop, does not happen the same on a mobile device. I just have a full slideshow on the homepage displaying several images. On mobile I have noticed that the slideshow appears exactly under the header (without any space) and there is a large empty space between the slide show and the footer. How i can reduce the space between slideshow and footer and maybe increase the space between header and slideshow but only for mobile ? Currently I have the following css to keep the height of the slideshow only 60vh otherwise it takes all the height of the section and looks ugly. @media screen and (max-width:767px) { .gallery-fullscreen-slideshow { height: 60vh !important; } } Thanks in advance.

Thank you @tuanphan. Just applied the css and it seems that did the trick. Thanks a lot.

Hello, I have a minor issue on my website (https://www.souzanapetri.com) and it seems I cannot easily fix it but its disturbing. The issue is when i click any item on the navigation menu on top of each page, the header makes a jumpy/bounce effect. Basically this happens on each page reload. Seems that is an issue with the header or logo height. It seems like on page reload renders a smaller are for the header and then because the elements in the header are bigger it re-renders the whole header div with the actual heights of the menu and the logo. In any case I could not find a solution so far. Any suggestion for a possible solution is highly appreciated. Thanks.