Docs

[wpmarvisapps]

Hi,

I have a problem to RIGHT align a feature list item, when the browser is resized …. The problem starts only when the feature content is shorter then the width of a control

Please see the image attached ….

I have already read the thread on the same topic but the problem was not resolved there ….

and yes I did run the plugin to clean cached stuff …

Here is the Link

So to replicate:
– open link
– resize the window
– then move the window off-screen to the left so you get more space to resize the window again

Thank you.
Kris

[Rue Nel]

Hello Kris,

Thanks for writing in! I can confirm that there is an issue in your page. To resolve this issue, please edit your page in Cornerstone and insert the following custom css in the settings tab, Settings > Custom CSS

@media(max-width: 979px){
  .x-section .x-container.marginless-columns {
    margin: 0 !important;
    padding: 0 20px !important;
  }

  .x-section .x-container.marginless-columns .x-column {
    padding: 0 !important;
  }

  .x-section .x-container.marginless-columns .x-column.cs-ta-left, 
  .x-section .x-container.marginless-columns .x-column.cs-ta-right {
    text-align: left !important;
  }
}

Please let us know how it goes.

[wpmarvisapps]

Hi,

No, still the same …

[Lely]

Hello There,

It seems working already when I checked. See this:http://screencast-o-matic.com/watch/cDlneTQlp2
Please confirm.

[wpmarvisapps]

No no …. it works fine on this “normal” size ….. but you should extend the browser

http://screencast-o-matic.com/watch/cDlnXbQlMB

Thx

[Paul R]

Hi,

You can add this under Custom > Edit Global CSS in the Customizer.

.x-feature-box.right-text {
   float:right;
}

Hope that helps.

[wpmarvisapps]

Yes, this did the trick 🙂

Thank you.

Kris

[Prasant Rai]

You are most welcome. 🙂

[wpmarvisapps]

Hi,

I thought this works …. and it works 🙂 but on width >2500 I think this is 27″ monitor,

feature elements are showen 2 in a row …. (the left side )

See the picture attached …

Thank you,
Kris

[Christopher]

Hi there,

Please resize and re upload your attachment.

Thanks.

[wpmarvisapps]

Sorry didn’t see …

Image attached.

Kris

[Paul R]

Hi Kris,

You can add this under Custom > Edit Global Javascript in the Customizer.

jQuery(document).ready(function($){
$( "<li style='clear:both;'></li>" ).insertAfter( ".my-feature-list li" );
});

Hope that helps.

[Author]

Posts