Text size on mobile and underlining

Hello there! Let’s see if we can get those issues worked out for you.

As for your first issue, i think you find this thread most helpful, as it addressed exactly this.

As for your second issue, you will need to add some custom CSS to either a) your child theme style.css file or b) in the Custom CSS section under Dashboard > Settings > Collapse-O-Matic. The CSS you’ll need to add is something like:

@media only screen and (max-width: 700px) {
    .collapseomatic, .collapseomatic_content {
        font-size: 14px;
    }
}

Give that a shot, if if you need more direction, just give a shout!

ok, so to change the size of your triggers, at least the one we found, you’ll need to also define the h3

@media only screen and (max-width: 700px) {
    .collapseomatic h3 {
        font-size: 14px;
    }
}

but on the subject of triggers, what is the shortcode you are using, exactly?
it seems you are using HTML in the title tag.
Bad:

[expand title="<h3>something</h3>"]

Better:

[expand tag="h3" title="something"]

then you would use the following css (for the triggers):

@media only screen and (max-width: 700px) {
    h3.collapseomatic {
        font-size: 14px;
    }
}

for the targets, simply try:

@media only screen and (max-width: 700px) {
    .collapseomatic_content > p {
        font-size: 14px;
    }
}

Huzzah!
we’ll mark this thread as resolved.
If you are happy with the plugin or it’s support, consider leaving a review.