Text in List Block not properly showing in Mobile View

  • Resolved DarkCoder

    (@darkcod3r)


    3 years, 2 months ago

    Hi. I am having issue with list block.
    It is showing fine in desktop..
    but in mobile view, it kinda wrap text (even though their is plenty of space to show full word).. Is their anyway to fix it..?!
    Kindly see the below SS..
    https://i.ibb.co/VqR8GS2/kadence.jpg

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Support karlalevelup

    (@karlalevelup)

    Hello,

    First, there is a “generate block” holding the icon list block and on mobile, it is not taking up the full width. Then, you set a left margin for the icon list block – https://share.getcloudapp.com/5zuNQm72.

    I am not too sure how you would adjust the width of the generate block but you can adjust the left margin of the Icon List block using custom CSS. Kindly add this in Customizer > Additional CSS:

    @media screen and (max-width: 768px) {
    .wp-block-kadence-iconlist ul.kt-svg-icon-list {
        margin: 30px 0px 5px 15px!important;
    }
}

    You can adjust the values of the custom CSS code above as this will apply to all the unordered Icon List blocks in your website for screens with the width 768px and below.

    Hope this helps and let us know if we can assist you further.

    Regards,
    Karla

    Thread Starter DarkCoder

    (@darkcod3r)

    Ok. Thank You.. Solved

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Text in List Block not properly showing in Mobile View’ is closed to new replies.

Tags