Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Resizing Slideshow Block only for Mobile


MichelleC

Question

Site URL: http://www.pureimagevideography.com

Hello! I have lovely slideshow blocks on my website hosting logos of locations & partners I've worked with in the past. It's made up of 4 slideshow blocks simply placed next to each other in my About Me section. It looks wonderful on my desktop version but it automatically stacks them on my mobile site which doesn't look great & makes my About Me page MUCH longer. Any one know some code to get this resized only for the mobile site?

Link to comment

11 answers to this question

Recommended Posts

  • 0
14 hours ago, MichelleC said:

it's no longer locked

Try adding to Home > Design > Custom CSS

@media screne and (max-width:640px) {
div#block-yui_3_17_2_1_1581120610756_124255+.row>.col {
    width: 50% !important;
    float: left !important;
}
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 0
9 hours ago, tuanphan said:

Try adding to Home > Design > Custom CSS


@media screne and (max-width:640px) {
div#block-yui_3_17_2_1_1581120610756_124255+.row>.col {
    width: 50% !important;
    float: left !important;
}
}

 

unfortunately that didn't work. It made no change 😞 

Link to comment
  • 0
On 2/18/2020 at 9:59 AM, MichelleC said:

sure that shouldn't. be a problem 

sorry, try again above code, typo

screen, not screne 😅

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

Create an account or sign in to comment

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

×
×
  • Create New...