Docs

[couplesdo]

Hi Guys

My homepage jumps towards the bottom of the screen. I think this is caused by the bottom section ‘things we do’. The four boxes within this section should also be the same size but are not, could you advise a way to make them the same size.

My url is couplesdo.com

The site is not live so you will need to click the login section and enter the user name and password. Which I will provide as soon as you tell me how to make my post private?

Thank you in advance.

Chris

[Thai]

Hi There,

In this case, would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

– Link to your site
– WordPress Admin username / Password

Don’t forget to select Set as a private reply. This ensures your information is only visible to our staff.

Thanks.

[couplesdo]

This reply has been marked as private.

[couplesdo]

This reply has been marked as private.

[Rue Nel]

Hello There,

Thanks for providing the very detailed information.

To make your four boxes to have the same size, you have to make sure that they have the same amount of contents all four of them. Since you cannot exactly correct the amount of text in there, you can make use of a custom css to set a minimum height instead. Please edit your page in Cornerstone and insert the following custom css in the settings tab, Settings > Custom CSS

.x-promo-content {
    min-height: 265px;
}

This code ensures that they have an initial height and they will have the same height.

We would loved to know if this has work for you. Thank you.

[couplesdo]

Thank you that worked perfect. Fast response to support questions is refreshing!

(for clarity and others searching, the code above made the bottom of 4 promo boxes with buttons the same size, when lined up horizontal. It did not stop the home page from jumping.)

I have however discovered what caused the home page to jump in my case. It happens if you are using the text type element. Depending on the length of the text and if the word it types second/third etc. pushes the text to a second line. This second line increases the size of the container and the page appears to jump.

In my case I have fixed the issue by adding a couple of line breaks <br> to stop the correction from increasing the size of the container. Note that you appear to only be able to enter them in the top and bottom parts, not the bit that actually corrects. Not sure if this is the best method but worked for me.

[Zeshan]

Glad to hear you’ve figured it out and thank you for sharing! 🙂 Have a nice day!

[Author]

Posts