Docs

[pdopchev]

Hi guys,

Been trying to style up the elements of the grid on this page: http://www.enjoycrestedbutte.com/crested-butte-shopping-clothing-apparel-ess-grid/ but so far unsuccessfully. The grid looks okay when viewed on a big screen but when you go down with screen sizes everything get skewed around – the titles disappear and the other elements get disaligned. Is there a way to fix that?

Thank you!

[Rue Nel]

Hello There,

Thanks for writing in! Please replicate and edit your Essential grid skin to reposition the titles. To know more how you can edit the skins, please check out the documentation here: https://www.themepunch.com/essgrid-doc/item-skin-editor/

Hope this helps.

[pdopchev]

Hi, thanks for the info but have already done that – the issue I am having is that the top and bottom elements shift out of the grid when viewed on small screen device… Could you please take a look at that?

[pdopchev]

This reply has been marked as private.

[Rue Nel]

Hello There,

Thanks for updating in! To move the titles, please add the following css code in the customizer, Appearance > Customize > Custom > Edit Global CSS

@media(max-width: 979px){
  .eg-merchant-list-element-0-a {
    margin-top: 60px;
  }

  .eg-merchant-list-element-16 {
    margin-top: -30px !important;
  }
}

Hope this helps. Please let us know how it goes.

[pdopchev]

Hi, just added the code and nothing really happens…

[Rue Nel]

Hello There,

Thanks for updating in! Please keep in mind the the position of the titles and other elements is only dependent on the width of the grid columns. If the column if too small, no css could fix it. Simply set in grid settings that when the screen size is smaller, the grid items should be displayed in a single column.

Hope this helps.

[pdopchev]

I see your point, thank you for the help!

[Friech]

Should you require any further assistance with X|THEME and Cornerstone, please feel free to get in touch with us.

Cheers!

[Author]

Posts