FAQ mobile viewing margin bottom

Hey guys,

In FAQ module in the frontpage in mobie viewing there's a margin-bottom when the text is close. But when i increase the text inside it that margin bottom, when close, it's bigger.

For example, in your demo with the following text:

"Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Curabitur blandit tempus porttitor. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Aenean lacinia bibendum nulla sed consectetur. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor."

everything is ok. But if we increse that text for:

"Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Curabitur blandit tempus porttitor. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Aenean lacinia bibendum nulla sed consectetur. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Curabitur blandit tempus porttitor. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Aenean lacinia bibendum nulla sed consectetur. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor."

the margin bottom when that text is closed is going to increse too.

How can i fix this margin to be the same as in the original lenght of the text?


Thanks

Hi

Can You please show me what You have in mind exactly ? Tell me an url to the page where I'll be able to see it as well.

Hello,

[edited by moderator]

In mobile view the bottom margins are way too big.

Hi

Please add this code to override.css and make sure override is enabled in template settings.

Code: Select all

.gk-faq dd {
    height: 0;
}

.gk-faq dt.active + dd {
    height: auto;
}


Hello,

It's fixed, thanks for the solution.

Please, remove the link from my previous post.

Cheers

Hi

Link removed as requestesd.