How can I expand the width of my website map to 1600 px?

[unifiedbikeco]

https://unifiedbikeco.com/pages/store-locator

I would like to increase the map section to 1600 px to fill the space.

[PageFly-Victor]

Hi @unifiedbikeco

You can try this code by following these steps:

Go to Online store => themes => actions => edit code and add this code on file theme.liquid before tag

Hope this answer helps.

Best regards,

Victor | PageFly

[INA_MSWEB]

Hi @unifiedbikeco

I hope you are doing good and welcome to the Shopify Community!
I am San from MS Web Designer.

Please add this css in your bottom of the css file:

@media screen and (min-width: 990px) { #shopify-section-template--15203481551031__main .page-width--narrow {max-width: 1600px !important;} }

Regards,

San

[oscprofessional]

Hello @unifiedbikeco

You can try this code: it will be helpful to you

Go to the Online Store->Theme->Edit code->Assets->base.css>Add this code at the bottom.

.page-width.page-width--narrow {
    max-width: 1600px !important;
}

[unifiedbikeco]

Can you help with increasing length of map?

[PageFly-Victor]

You can use this code to fix it

[unifiedbikeco]

Can you please specify which css file?

[unifiedbikeco]

Didn’t change anything.

[unifiedbikeco]

[image: Screen Shot 2023-04-04 at 12.37.44 AM.png]
This happens on the top when I type in this code.

[PageFly-Victor]

You can add this code to file theme.liquid and can you share screen shot have a problem when you add my code so I can check more?