Automatic "new line" in Service Section an Service Details

Hi,

How can i adjust to get "new lines" in the service Sections? there is no problem on desktop, but for mobile (iphone 7 for example) i have to break the lines with <br>

thank you!

Comments

  • Hi @lumopix,

    To do this, Go to Appearance >> Customize >> Header settings >> Custom  CSS and add the given below custom CSS code.

    .media .media-body {
        display: table-cell!important;
    }
    @media (max-width: 480px) {
        .media-body br{ content: ' '!important; }
    }

    Let me know did it work.

    Thanks
    Dev
  • hi Dev,

    actually it works to 90%  ;-) section 3 is still a problem, i sent you the screenshot:

    All sections, expect Nr. 3 the icon ist left from the headline, in nr. 3 its above (fa-bolt icon)


    thank you so much,
    jan
    Bildschirmfoto 2020-07-21 um 17.47.33.png
    99K
  • Hi,

    To do this, Go to Custom  CSS box and add the given below custom CSS code.

    @media (max-width: 480px) {

    .service-icon {
        float: none!important;
    }
    }

    Let me know did it work.

    Thanks
    Dev
  • hi dev,

    this works GREAT! thank you.

    i tried a list instead of <br> in the morning, but in section Nr. 5 there was another fontsize, dont know why ..

    have a great day and stay healthy!
    jan
  • Glad to help you.

    If you like our Theme & Support, rate us HERE.

    Thanks
    Dev
This discussion has been closed.