[Resolved] Scale right side menu to 50% for mobile devices

Home Forums Support Scale right side menu to 50% for mobile devices

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1261973
    Patrik

    Hi,
    Hope your well!

    So my right side menu i have carousel of images for companies made in a plugin and inserted as shortcodes.
    On desktop they are correct size, on mobile devices if you check they are to big.

    Is it possible to resize the right side bar to 50-75% somehow? When using width: 50%; it only gets more narrow
    I was thinking about using this:

    
    @media only screen and (max-width: 600px) {
    	.inside-right-sidebar {
    		width: 50%; (this makes the sidebar smaller/narrow only)
    	}
    	}
    

    Many thanks,
    P

    #1262026
    Leo
    Staff
    Customer Support

    Hi there,

    Can you disable the caching plugin first so I can take a closer look at the code and issue?

    Thanks 🙂

    #1262697
    Patrik

    Hi,
    So ive changed the address to my staging site and disabled WP Rocket now 🙂

    #1262826
    David
    Staff
    Customer Support

    Try resizing the Metaslider like so:

    @media(max-width: 768px) {
        .inside-right-sidebar .metaslider {
            max-width: 50%;
        }
    }

    Note – view this on a mobile to see the change, resizing a desktop browser without refreshing may not show you the real result.

    #1265961
    Patrik

    Hi David,
    You are king! It worked, thank you 🙂
    Have a nice weekend!

    #1266358
    David
    Staff
    Customer Support

    You’re welcome – you too

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.