Put Icon above Text for List Elements on Mobile

hi jroland01,

Thank you for the message. For the list elements, All options to adjust is located on the stylying tab, you can take a look at the screenshot here: https://i.imgur.com/dIWzXOL.png

The option for the icon positioned above the text on the mobile devices is not available from the setting. You can let me know your site url so that i can try finding a way for you if possible

Sincerely,
Tony

Hi Tony –

Thanks for your reply.

Here is a link to my site – obviously it’s in construction, but your help in piling up icons and text on small viewports would be much appreciated.

Kind regards, Julien

hi jroland01,

Thank you for the cooperation. I really appreciate it. you can try adding the code below into the ending line of your theme’s style.css

@media (max-width:650px){
.wr-list-content-wrap {
  width: 100%;
}
.wr-icon-base {
  position: absolute;
  left: 50%;
margin:10px 0px
}
}

650px is the width of the devices screen, you can adjust it to which size you prefer

Sincerely,
Tony

Hi Tony –

Thanks a lot. That worked !

I have just adjusted / added negative margins to center the icons correctly.

Regards, Julien

hi jroland01,

Thank you for the cooperation. if you feel satisfied with the plugin, feel free to give us a review here: https://www.ads-software.com/support/view/plugin-reviews/wr-pagebuilder

Sincerely,
Tony

Hi Tony –

Done.

Thanks again.

Julien

hi jroland01,

Thanks for your time. Have you a good day

Best Regards,
Tony