[elise83Participant]

Apparently i can´t upload the screenshots because it´s exceeding the size allowed by X. Let me know how can i upload the screenshots if needed

[elise83Participant]

Apparently, the file exceeds allowed file size. Please let me know how to upload them if needed

[ChristopherModerator]

Hi there,

Please resize screen shots and upload them again. Max file size is 512KB.

Thanks.

[elise83Participant]

Dear All,

When i edit the page Ethoss ( home page ) with cornerstone it looks good but when you go to the home page directly from google http://www.ethossfrance.com it looks different. The same thing is happening with the section Academy. I don´t know why it´s happening please explain and take care of it. Thank you in advance.

P.S: Please check the attached screenshots to understand what i mean

[Rue NelModerator]

Hello There,

Thanks for updating in and for sending us the screenshots. The background images are only dependent on the container element. By default, it covers the container element. To fully understand how background images works in sections, please check this out: https://community.theme.co/forums/topic/section-background-image-2/#post-691126

By the way, instead of using a gap element, you can just set a minimum height in the column settings. You may insert an inline css min-height: 350px;

Hope this helps.

[elise83Participant]

Hi there,

Thanks for the answer but i didn´t know how to fix the problem. Would you please fix it. Thanks in advance

Best

[Paul RModerator]

Hi,

Please see screenshot.

https://www.screencast.com/t/VC5mFcGxds3Q

Hope that helps.

[elise83Participant]

Guys i tried what you said but still the same issue i´m new to Xtheme and to building up websites would you mind fixing the issue for me please. I want my homepage to look like the second screenshot ( check the attachment in my previous reply ) and the section Academy to look like the 3rd screenshot ( check the attachment above in my previous reply ). Thank you in advance.

[JoaoModerator]

Hi There,

I have >

Add the code :height:100vh; to the Style Box of your first section on Cornerstone.

Added a Gap element of 18% above your headeline.

Added a padding right of 5% on the column where your headline is place.

It should look good on all devices.

Let us know if you need further assistance.

Joao

[elise83Participant]

Finally !!! it looks great on desktop but not on Mobile. How can i make it the same on Mobile Phone ??? and by the way should i do the same coding that you did for the ACADEMY Section.

Cheers
Thank you

[JoaoModerator]

Hi There,

Please add the following code to Appereance Customizer Custom CSS

@media(max-width: 769px) {
.page-id-42 h1.h-custom-headline {
    font-size: 28px;
    padding-top: 160px;
}}

Regarding your other section, you can add the code as well.

Hope it helps

Joao

[elise83Participant]

Joao i put in the code that you gave me in appearance customize global CSS but still not working properly on Mobile phone. Can you help please

[JoaoModerator]

Hi There,
I have added the code according above and did some adjustments on font-ize and padding.

Please check the screenshot to see how it looks on my end.

If you are seeing something different please flush your website cache and also your browser cache.

If you were imagining something different from that, please let us know in details.

Thanks

Joao

[elise83Participant]

Hi there,

I don´t want it to look like your screenshot i want it to look like what we see on desktop actually on cornerstone when you go from desktop to ipad to mobile it looks different the images get distorted and my goal it just to see on Mobile exactly what we see on desktop. Please help with this as it´s an emergency i have to launch the website tomorrow. Thank you in advance

[JoaoModerator]

Hi There,

What are the points that you want to make look the same? Understand that the proportions of a desktop and a mobile are quite the opposite. While the desktop has a larger width, the mobile has a longer height.

Please provide a mockup or point the main things you would like to change in order that we can help.

Thanks

[Author]

Posts