Change Text and contact form side by side

HewittShophere
Tourist
7 0 1

HewittShophere_0-1599072535867.png

What code or methods do I use to make the text side by side? I am using the pipeline theme.

 

Please and thanks

 

https://es3v7yla23rylj65-46142587048.shopifypreview.com here is the website

 

JHKCreate
Shopify Partner
2565 433 626

Hi There!


To do that you have to first create a parent <div> then create two <div> with 50% width each and the place the relevant content in each. 

- Did we solve your issue? Like & Mark As Solution to help the community
- Should you need any direct help: contact@jhkcreate.com
- Learn more about us: jhkcreate.com

0 Likes
KetanKumar
Shopify Partner
20534 2123 7749

Hello, @HewittShophere 

Welcome to the Shopify community!
and Thanks for your Good question.

Please share your site URL,
So I will check and provide a solution here.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
HewittShophere
Tourist
7 0 1

https://es3v7yla23rylj65-46142587048.shopifypreview.com

 

Here is the website, and very new to coding

0 Likes
KetanKumar
Shopify Partner
20534 2123 7749

@HewittShophere 

Thanks for the store URL.

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

@media only screen and (min-width: 769px) {
#contact-us .grid__item div {
    float: left;
    width: 50%;
}
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
HewittShophere
Tourist
7 0 1

hello, will this be added to all the pages/throughout the whole website

or just the page.contact / contact page ( contact us page)

Just want to make sure as I only need it to be side by side for just one page?

:0

0 Likes
KetanKumar
Shopify Partner
20534 2123 7749

@HewittShophere 

code apply to only contact page

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
HewittShophere
Tourist
7 0 1

You're a life saver thank you!

0 Likes
Muhammad11
Tourist
9 0 4

I added your code but it looks like this can you help?Screenshot 2021-07-01 at 9.35.18 PM.png

KetanKumar
Shopify Partner
20534 2123 7749

@Muhammad11 

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes