Jump to content

Half Height Image Slider Module + 1x Hook "Top" Image


Recommended Posts

Hi Everyone

 

I didn't want Image Slider to take up as much screen space so I halved its height on then only enabled 1 Hook "Top" image.

 

Looks fine in desktop browser, see attachment "Desktop.PNG".

 

However, it looks terrible in a mobile browser, see attachment "Mobile.PNG".

 

In mobile, the image slider image is gone so I'm left with just a left-aligned Hook "Top" image, which has no spacing between itself and the "POPULAR" (what I've renamed "WHAT'S HOT") title. Just looks terrible.

 

I thought perhaps I should halve the height of the Hook Images and return to having two so they appear correctly in mobile but I do like having the one larger image in desktop mode so that's maybe a last resort.

 

Does anyone have any other suggestions?

 

Cheers

 

Nick

post-846853-0-38314400-1443184543_thumb.png

post-846853-0-53222200-1443184544_thumb.png

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...