Input value being cut off

Support
#1

Good afternoon,

I have a shortcode in a pro header that shows a submit imput type with quite a large “value” to it. Only problem is when I look at it on a mobile it gets cut off.

I have tried to work around this with such css items like “word-break” but with no luck.

How can this be fixed?

Thank you

#2

Hello @hyperdrive_boom,

Thanks for asking. :slight_smile:

I clicked on the Carry on where you left off and it redirects me to a new page wherein I can see a input text. Upon checking in responsive view I can see that I won’t adjust based on the screen size. Screenshot in secure note.

To fix the input box width in responsive mode, please add following CSS under Pro > Theme Options > CSS:

@media only screen and (max-width: 600px) {
    dd.course_progress {
    width: auto;
}
}

I also noticed that you are using quite old version of Pro Theme 1.2.7. I suggest you update to the most recent version Pro 2.0.4 as it comes with bunch of cool new features including design cloud. I am sharing few resources that you can take a look.

Please refer following guide to update Pro Theme:

Changelog: https://theme.co/changelog/#theme-pro-2-0-0

Design Cloud: https://theme.co/apex/forum/t/meet-design-cloud/24941

I am also sharing a article on why you should always run latest version of WordPress, theme and plugins. Writer is explaining the concepts keeping WordPress in center point but the logic remain the same and percolate down to Theme and Plugins as well.

Thanks.

#3

Good morning and thank you for your update!

I have now updated to the latest version and the cloud features look exciting!

#4

You are most welcome!

Happy to help any time!

#5

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.