Multiple Columns on a page

Solved
Highlighted
Excursionist
28 0 3

Hi All,

 

how can I create these 3 columns bigger so it gets rid of the slider and is displayed on a full page

 

I am using DEBUT theme - I would like the 3 locations / map side by Side on the page

 

Please see image below

 

Thank you in advanc

 

Screen Shot 2020-05-31 at 8.44.17 pm.png

1 Like
Highlighted
Shopify Partner
4888 725 1572

@LuxuryJewellery 

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 Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
1 Like
Highlighted
Excursionist
28 0 3

https://luxurybrandjewellery.com/pages/locations

 

Password - Storageplus

 

thank you

0 Likes
Highlighted
Shopify Partner
4888 725 1572

@LuxuryJewellery 

Thanks for the details 

This content is coming from a page so it can change custom code and backend side.

 It can be done by doing some code customization. Please take the help of a developer and hire  Shopify Expert or me

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 Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
1 Like
Highlighted
Excursionist
28 0 3

I now have them in a row but need them side by side! any thoughts?

Screen Shot 2020-06-01 at 8.28.55 pm.png

 

0 Likes
Highlighted
Excursionist
28 0 3

I now have them side by Side by they are small and spaced out of proportion

 

here is the code

 

<div class="page-width">
<ul class="grid grid--uniform grid--view-items">
<li class="grid__item  small--one-half medium-up--one-third">Sydney: 53 Cross St, Double Bay NSW 2028 <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3312.538249544196!2d151.24015475111685!3d-33.87578908055926!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x6b12addd0a83f30d%3A0xc10f24099cfd4f2d!2s53%20Cross%20St%2C%20Double%20Bay%20NSW%202028!5e0!3m2!1sen!2sau!4v1591009202520!5m2!1sen!2sau" width="200" height="100" frameborder="0" style="border: 0;" allowfullscreen="" aria-hidden="false" tabindex="0"></iframe>
</li>
<li class="grid__item  small--one-half medium-up--one-third">Paris: 13 rue de la Paix, 75002 Paris <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2624.411679105613!2d2.3289239515137696!3d48.869428079186996!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47e66e310687ac97%3A0xfab6c901da289080!2s13%20Rue%20de%20la%20Paix%2C%2075002%20Paris%2C%20France!5e0!3m2!1sen!2sau!4v1591009357737!5m2!1sen!2sau" width="200" height="100" frameborder="0" style="border: 0;" allowfullscreen="" aria-hidden="false" tabindex="0"></iframe>
</li>
<li class="grid__item  small--one-half medium-up--one-third">New York: 47th Street Midtown West 10017 Manhattan <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3022.205255205691!2d-73.98267854871577!3d40.75751007922546!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89c258540283e141%3A0xf6d142517c431256!2sW%2047th%20St%2C%20New%20York%2C%20NY%2010017%2C%20USA!5e0!3m2!1sen!2sau!4v1591009453960!5m2!1sen!2sau" width="200" height="100" frameborder="0" style="border: 0;" allowfullscreen="" aria-hidden="false" tabindex="0"></iframe>
</li>
</ul>
</div>

Screen Shot 2020-06-01 at 9.11.28 pm.png

0 Likes
Highlighted
Shopify Partner
4888 725 1572

great

i can't see this view

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 Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
1 Like
Highlighted
Excursionist
28 0 3
0 Likes
Highlighted
Shopify Partner
4888 725 1572

This is an accepted solution.

@LuxuryJewellery 

Thanks 

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

iframe {
    width: 100%;
}
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 Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
1 Like
Highlighted
Shopify Partner
4888 725 1572

This is an accepted solution.

@LuxuryJewellery 

 i have done can you please check

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 Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
1 Like