Issues with landscape mode in mobile, Brooklyn theme

Highlighted
Tourist
14 0 1

Hi all, 

 

im having some issues with landscape mode on mobile.


It starts off fine:

BB4D9EF2-7E79-4286-AB3C-CAAA2848A182.png

 


once turned to landscape the logo goes over the top of the text:

C2E315CE-2BE8-49CB-BDE7-29F346FA59AE.png

 

 

then stays on top of the text when turned back to portrait:

A72A84C2-291F-44E0-96DF-A1B03D74BA54.jpeg

 

it also leaves this big space between sections ^^^^^^

 

anyone able to help me optimize this??

 

bundlesforbubs.com.au

password: bundlesforbubs

 

thanks in advance!

liam

 

0 Likes
Highlighted
Shopify Partner
770 107 140

Hello, @bundles4B  Thanks for post.

sorry, but the password not working.

 It can be done by doing some code customization. please send me a personal message and we can discuss what you'd like

 

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
0 Likes
Highlighted
Tourist
14 0 1

@KetanKumar 

 

My Apologies , the password is bundles

 

Thanks 

1 Like
Highlighted
Shopify Partner
770 107 140

Thanks for a password 
can you please flow this step
1. please remove your logo image blank spacing.
2. slide show text set on the mobile vertical-align middle.
3. text slider litter smalle as per the mobile device. 
see attachment 

Bundles For Bubs.png
  

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
0 Likes
Highlighted
Shopify Partner
197 38 46

Hello @bundles4B,

Bug belongs to the hero banner on the home page.  If you want to fix this bug. just focus on hero banner CSS.   

0 Likes
Highlighted
Tourist
14 0 1

@KetanKumar 

 

thanks for the help Ketan.

 

unfortunately I’m not sure how to apply your instructions, could you “dumb it down” for me?

 

cheers!


@KetanKumar wrote:

Thanks for a password 
can you please flow this step
1. please remove your logo image blank spacing.
2. slide show text set on the mobile vertical-align middle.
3. text slider litter smalle as per the mobile device. 
see attachment 

Bundles For Bubs.png
  


 

0 Likes
Highlighted
Shopify Partner
770 107 140

It can be done by doing some code customization. please send me a personal message and we can discuss what you'd like

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
0 Likes
Highlighted
Tourist
14 0 1

@KetanKumar 

 

Could you tell me how to do it on here? I would like to try and do it myself.

 

 

0 Likes
Highlighted
Tourist
14 0 1

@Wahab_Ahmad 

Could you please elaborate a little more. I’m not exactly sure what you mean?

0 Likes
Shopify Partner
197 38 46

Hello @bundles4B,

 

1. Goto

theme.scss file  

2. find

hero[data-adapt="false"] 

3. change

height:100vh  ->  height: inherit

 

I hope it will work for you

0 Likes