Help With 2 Small Changes
ideal-heim-bau
Good day dear support team,
Im pretty much finished with my website, but their are two small changes I want to make, that I requiere some help for:
-
I want to make the contact button at the top right on the header visible on mobile and when you make the window smaller on pc. I found a similar question in the forum, but the solution didnt work for me.
-
I want to make the message field in the contact form bigger by default, not only one line, more like 6-7 lines.
Website: http://beispielhaeuser.de/index.php/ Contact Form: http://beispielhaeuser.de/index.php/kontakt
Help would be very much appreciated! Thanks
Paul Frankowski
Accepted AnswerHi,
Ad 2) Use below Custom CSS:
#sppb-form-builder-field-5 {
min-height: 130px; }In Page Settings > Page CSS > Custom CSS
Paul Frankowski
Accepted AnswerAd 1) Action button in the top. This CSS should help
@media screen and (max-width: 680px) {
#sp-menu-right .sp-module.mod-contact-btn { display: block;}
#btn-1558086411021 {padding: 3px;}
#column-wrap-id-1558086411019 {padding-left: 0 !important;}
}But that one must be used in global Template Custom CSS area to be used on whole site, right.
Yes, some of those values I could do from settings, but I don't have access. Anyway, will work for Mobile devices.
You can change the 680px value to another, bigger one, according to your needs (1024px etc).
Paul Frankowski
Accepted AnswerBTW
Remember about German (EU) law >> https://www.joomshaper.com/documentation/sp-page-builder/google-fonts-and-dsgvo-gdpr