How to make home page wider venture theme

Technical Q&A
1

Hello guys, i would like to make my home page be wide like on this screenshot (https://ibb.co/41ztCg8) where it’s zoomed to 150% . My website is www.trendsanta.com :slightly_smiling_face:

2

please Go to Online Store->Theme->Edit code and then go to Asset->/theme.css ->paste below code at the bottom of the file.

@media only screen and (min-width: 750px)
{
#shopify-section-slideshow .hero-wrapper hero .hero-content ,
#shopify-section-161426361656be2654 .page-width , 
#shopify-section-featured-collections .page-width , 
#shopify-section-1614263668f3adee34 .page-width  ,
 #shopify-section-1614263699afef024d .page-width
{
  max-width: 1500px !important;;

}
}
3

@Kinjaldavra It’s much better but the header did not get wider, what does the code line for that look like i think i just need to add it on your code

4

Hi! I cannot increase the size with that code. my venture theme only has theme.scss.liquid and theme.js, where do I have to paste the code?

I have tried it in both files and nothing … the only thing that if I paste it in theme.scss.liquid the slides are erased.

5

hello @boutiqueb

can you please share your shop URL and password so that i fixed that issue

6

Hi! yes, here you are: https://www.boutiqueb.es/

Thank you

7

hello @boutiqueb

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

@media only screen and (min-width: 748px){
#shopify-section-160570719619e52528 .page-width , #shopify-section-1588005797040 .page-width , #shopify-section-1616154532a0d40158 .page-width ,#shopify-section-1587499097524 .page-width , #shopify-section-1587494561038 .page-width , #shopify-section-image-content  .page-width ,
#shopify-section-16067266285e4738b7  .page-width   {
max-width: 100%;
}}
8

ohh! Many thanks!!

9

Hi. I am also trying to make the header menu wider so that it does not change to a drawer. I tried this solution and it does not work for me, could you help?

Attached are two photos, if I add one extra word to the navigation it becomes a drawer, but it seems like there would be extra space for it

https://mada-m413.myshopify.com/

peebay

Thanks