Re: Brooklyn Theme - Make an Image Full Width in a Page

Solved
yak9chews
Tourist
23 0 7

Capture.PNG

I am trying to make an image take full width in a Shopify page at the Brooklyn Theme, but I have tried everything and nothing seems to be working.

Tried uploading image in all large width as possible but still takes only a small portion of the screen. 

Any help would be appreciated.  

0 Likes
yak9chews
Tourist
23 0 7

Hello everyone.

I am new to Shopify and I have been trying to fix this problem. I have a page and whenever I insert a picture in the page, it won't take full width like the sliders. I want the image to take the full width but I am having trouble doing it. Any help would be appreciated. Thank you so much. 

Capture.PNG

 

0 Likes

Hi,
Please share your store URL with password (If Needed) & Screenshot, So that I will give you proper solution here !

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
Zworthkey
Trailblazer
145 8 30

hii

make its width:100%;

thank you

0 Likes
yak9chews
Tourist
23 0 7

  https://www.yak9chews.com/pages/yak9-ingredients

 

I want the image to take all the screen (width wise) 

0 Likes
yak9chews
Tourist
23 0 7

  https://www.yak9chews.com/pages/yak9-ingredients

 

I want the image to take all the screen (width wise) 

0 Likes
yak9chews
Tourist
23 0 7

Can you be more specific? In which file? 

0 Likes
Zworthkey
Trailblazer
145 8 30

Please provide me your site URL

so I provide you the proper solution where you have to edit it.

thank you

Zworthkey
Trailblazer
145 8 30

hi,

use these codes to the theme.scss

 

 

 

@media only screen and (min-width: 768px)
.medium-up--push-one-twelfth {
    left: .33333%;
   width:100%;
}

 

 

 

I hope you will get the appropriate solution.

thank you