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

[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

[Leo]

Hi there,

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

Thanks 🙂

[Patrik]

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

[David]

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.

[Patrik]

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

[David]

You’re welcome – you too

[Author]

Posts