Docs

[Joao]

Hi There,

That is happening because the javascript wont re-start when re-sizing the browser.

If you click refresh with the browser already set to the window size you have changed your website will look fine.

Note that websites are designed to be shown on static screen of standard devices and it i unlikely users will be re-sizing their browser window that much.

Please check your website in a cross screen-size and cross browser website tester and you will notice your website is responding ok.

Hope it helps

joao

[lukasjan]

Ok, I didin’t know that about javascript, thanks for enlightening!

[Joao]

You are welcome!

[Rahul]

Feel free to ask us again. 🙂

[lukasjan]

Okay, i think this may be the last thing I need to know. In this page: http://www.mhealth.lt/paslaugos-muzika/ while screen resolution is between 1440px and 768px, the bottom of columns are dependent on the text. What I would like to achieve is that the bottom of columns and buttons would always stay in the same horizontal line no mater how much text is contained in both of columns. I think I should play here with absolute and relative positions, but not sure how. Could you help me here? The result should look similar to this page: http://www.mhealth.lt/muzika/ section 2 in screen resolution between 1440px and 1300px.

Passwords: www

Thankfully

Algirdas

[Rad]

Hi there,

Please add this CSS as well,

.x-feature-box-text {
    margin: 8px 0 0;
    min-height: 100px;
}

Cheers!

[lukasjan]

Hey, that helped for some point of resolution, but at another points, for example 1250px width, one of the columns becomes more extended in the bottom than another. Is there any way to fix that so that at all of the width positions between 1440px and 768px, columns would always have the same height?

[Christopher]

Hi there,

Instead of using fixed height which is not recommended, enable Marginless columns option and set background color for each column.

In case you want to set fixed height, update your code to :

@media only screen and (max-width: 1440px) and (min-width: 768px){
.x-feature-box-text {
    margin: 8px 0 0;
    min-height: 29vh;
}
}

Hope it helps.

[lukasjan]

Thanks. Is there any way to reach this effect in other way? Because marginless columns a little bit destroys design this time.

[Christopher]

Hi there,

Actually no, you should chose between marginless columns option or fixed height with CSS.

Thanks.

[lukasjan]

Hey,

thanks for your all the advices you gave me!

I’d like to ask one more thing. In this page http://www.mhealth.lt/muzika/ section 2 (password: www), from 1300px to 1440 px width, while narrowing the browser images are not responding together with columns, I mean that columns are narrowing while images aren’t. How should i fix that so that they would be getting smaller together like a one organism.

With Peace

[Lely]

Hello There,

Unfortunately, I can’t duplicate the issue. When I tried to resize the browser, the image resize accordingly. See this:http://screencast-o-matic.com/watch/cbejDE6w3n Did I missed something here? Please clarify.

[lukasjan]

I’ve talked about different thing, but still while answering i’ve got an idea which solved my issue! that was simply margin, which i had to set. This conversation led me to the answer. Thanks!

peace

[Friech]

Glad you sorted things out, feel free to get in touch with us regarding any further queries about the X|Theme and Cornerstone.

Cheers!

[Author]

Posts