Hopefully one last question.

How do I change the color of the menu bar color at the very top of the page? I want to just change that so I can adjust the colors on the other parts of the page.

So I figured out that its not working properly in Firefox – it is working (kindove) in Chrome. In Chrome – it still shows way too much of the footer section and in Firefox, its not transparent and the image isnt at the top most left starting spot.

The phone number spot is still above the logo – can the phone number be on the same line as the social media icons.

Will this work with a fixed header?

Hi. I’ve tried all sorts of things without success, but if you cannot see the difference when scrolling in Chrome, please do this: Go to the test page I noted above. In the admin panel under “Design” (lower right), then under Header Settings, change between “Display the Header” and Don’t display the header.” When the header is displayed, the page scrolls correctly and smoothly in Chrome. When the header is not displayed (as is the case on a homepage), scrolling is not smooth in Chrome and results in “jumps” that leave white spaces that cover nearly the entire screen. Again, please see the screen shot I posted above that clearly shows this. (In some monitors, there is nothing but white space as you scroll at one point between the icons and rock image). Also, if this will help: Note that if the image in the second color section is set to “scroll” instead of “fixed,” this affects the full screen image which becomes “jerky”–again, only in Chrome.

None of this is readily noticeable if you’re scrolling extremely fast, I suppose, but it does in fact “lag” when scrolling at anywhere near normal speed. We did this today on several different machines–all with the same result in Chrome. If necessary, I can send you actual video of several persons on the same page with the same scroll problem in Chrome. I cannot explain the issue more clearly in words and screen shots. You will notice that, as you scroll in Chrome, the second image (of the rocks) just “jumps” into view rather than smoothly coming into view as it does in all other browsers. If this is a theme bug with Chrome, please let me know (I understand that there’s no “perfect” theme), so that I can abandon attempting to correct the uncorrectable. I mention this because a very similar problem regarding Chrome was reported several months ago here: https://kriesi.at/support/topic/laggy-fullscreen-slider/ As in my case, the issue was initially denied, finally accepted after others reported the same, then a fix for the future was indicated. I gather it has not been fixed? Or is a different issue altogether? How was that issue finally resolved? Again, I ask so that I don’t continue on the proverbial wild goose chase.

But again, I want to emphasize that everything works and looks great where there is a header (the page title and breadcrumbs–i.e., on every page except home). There may very well be a solution in that fact, but unfortunately, I don’t know nearly enough about the theme to figure it out.

Thanks again!

Sorry and I’d also like to move the images closer to each other towards the centre. For convenience, all questions are:

1) How can I get the images to be aligned centre vertically? Currently centred horizontally as per the option in the theme provides but as you can see they all seem to be aligned “top” vertically.
2) How come the centre image shows an overlay when cursor goes over it and the others don’t? Can I remove this?
3) Can I remove some of the whitespace around the top and bottom of the images?
4) Can I move the images all closer towards the centre of the page?

Thanks!

Best,
Jonathan

I was able to fix this with this code:

@media only screen and (max-width: 767px) {
/* fix for 3 columns on mobile */  
 #top .flex_column.av_one_third {
width: 100%;
margin-left: 0;
}

}

as suggested on this other thread: https://kriesi.at/support/topic/after-updating-images-in-columns-are-no-longer-responsive/#post-222975

NOTE: it works only on 3 columns layouts and it was not necessary any fix before the update, so a more stable solution would be ideal

Hello Yigit,

Removed! You are a freak!

Thanks very much, because it looks great!

I am delighted with my page and your theme.

Regards, Raúl.

That did the trick, only thing I had to do was make sure I didn’t include
#header_meta { display: none!important; }

I did it successfully with:

#header_meta { margin-top: -30px; }
#header_meta .container { margin-top: -30px; }

Thanks Yigit, I’d buy you a beer if I could lol.

So my question is very simple–at least for me to simply ask it. ;)

How do I get the homepage to look and behave exactly like the test page in Chrome?

I have now tested on five different machines–same issue. The problem–with very little room for rational doubt–is with how Chrome interacts with this part of the theme. Please see my screenshots. Thanks!

Edit: It occurs to me to mention that you cannot see the difference on Chrome re the parallax scroll effect on and around the rock image on mobile devices–only on desktops and most laptops (but my users mostly use conventional PCs).