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!

Hi Baden,

Thanks for the underlining thread – that’s solved that perfectly.

For the mobile text, I tried your code and it didn’t seem to change anything. I’m not very good with .css, but just in case it’ll help, the code I used to get the main text to respond to mobile is:

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

Do let me know if you have any ideas as to how I can get it working and thans so much for your help!
Will

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;
    }
}

Hi Baden,
It’s now working perfectly so thanks very much!
Will

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