Problem in landscape orientation | brooklyn theme

Hey shopify community,
I came across a problem in landscape orientation in mobile version of brooklyn theme.

Problem: When i rotate the mobile to landscape orientation then it will read desktop version of webpage instead of mobile version.

I want to have mobile version in landscape orientaion also

Please help

The desktop version

Mobile version

Mobile version landscape orientation

Link of the website: https://us.harringtonwear.com

frontend password: 12345

1 Like

@amirpj

sorry for that issue you have user pagefly page builder can you please contact app support team

Hey @KetanKumar ,
Thank you so much for you help, i contact with pagefly and they said “the viewport is Mobile = 767px and smaller, Tablet = 768px - 1024px, Laptop = 1025px - 1199px,
Desktop = 1200px and larger”
They said, make whole website same for all devices and i know its not best solution for now.

Can we, hide the desktop header section and show mobile header section (only burger, search, heart and cart icons) in landscape orientation for mobile version?
Please help.

1 Like

@amirpj

you have set all image aspect ration

https://www.w3schools.com/howto/howto_css_aspect_ratio.asp

Hi @amirpj

This is PageFly - Free Landing Page Builder

Please add this code for the slideshow and on each slide

height:67vw;

Please give it a try. Please like my comment if you find it helpful,

PageFly

1 Like

Hey there, this can be done by customizing the code of the homepage, and changing the width of the sections in that particular media query size, which is your required size, if you have a little knowledge of coding then you can do this from your own, but if it isn’t then you can contact a developer and it is suggested to take a duplicate of your theme while doing any customization in the code,

As well as, I would like to suggest you to try a good Shopify landing page builder such as Layoubase https://apps.shopify.com/layoutbase-pagebuilder

which can help you and make your work easy and handy without any coding, It is a drag & drop page builder. Thanks