Why is my contact form not fully visible on mobile view?

Store Design
1

Hi there,

I am building Balmere.com and the Contact Form that comes standard with the Streamline Theme is cutting the Name and Email on mobile view. Can anyone check this out and let me know what I can do?

2

@audreygrn Go to assets > Theme.css and paste below css at bottom of file.

.grid
{
margin: 0 0 0 -20px !mportant;
}
3

Hi! @audreygrn

This is PageFly - Free Landing Page Builder. I would love to provide my recommendations for

your store based on 6 years of providing solutions for about 100.000 active Shopify merchants.

Go to Online Store-> Theme->Edit code

Asset-> theme.css ->paste the below code at the bottom of the file.

@media screen and (max-width 768px) {

.site-header__logo-link logo–has-inverted:nth-child(2) {

display: none !important;

}

.site-nav__link.site-nav__link–icon js-modal-open-search-modal.js-no-transition.medium-up–hide {

display: none !important;

}

}

Best regards,

PageFly

4

@audreygrn

Hi,

Please add the code below to assets/theme.css file.

@media only screen and (max-width: 768px) {
  .grid__item {
    margin-left: 30px !important;
    width: 90% !important;
  }
}

Hope it helps.

If you resolve the issue, please click “Like” and “Accept solution”.

If you still have the issue or have any other questions, please let me know.

Thanks.

5

This worked! Thank you so much