Social Slider too big on mobile view

paul@design-matters.co.uk
Topic Author
Posts: 8
3 years 4 months ago #3633 by paul@design-matters.co.uk
Social Slider too big on mobile view was created by paul@design-matters.co.uk
Is there a way of reducing the size in mobile view - at the moment they dominate the content a little too much.

www.focus-sb.co.uk

Please Log in or Create an account to join the conversation.
Lodder
Lodder's Avatar
Posts: 1179
3 years 4 months ago - 3 years 4 months ago #3634 by Lodder
Replied by Lodder on topic Social Slider too big on mobile view
Hi Paul,

You could use a CSS media query to add some certain rules for smaller viewports, something like this:
@media (max-width: 767px) {
	.jj_sl_navigation {
		right: -140px !important;
	}
	.jj_sl_navigation.right a {
		padding: 4px 0 !important;
	}
	.jj_sl_navigation.right .jj_social_icon {
		width: 20px;
		left: 5px !important;
	}
	.jj_sl_navigation .jj_social_icon i {
		font-size: 15px !important;
	}
}

I've tested the above code on your website and it's probably something along the lines of what you're looking for.

You'll need to add it to your template's custom.css file.

Regards,
Lodder
Last edit: 3 years 4 months ago by Lodder.

Please Log in or Create an account to join the conversation.
paul@design-matters.co.uk
Topic Author
Posts: 8
3 years 4 months ago #3635 by paul@design-matters.co.uk
Replied by paul@design-matters.co.uk on topic Social Slider too big on mobile view
Hi Lodder,

thanks for the help with this.

This seems to have reduced the size of the icons but not the background squares.

Please Log in or Create an account to join the conversation.
Lodder
Lodder's Avatar
Posts: 1179
3 years 4 months ago #3636 by Lodder
Replied by Lodder on topic Social Slider too big on mobile view
Hi Paul,

I've updated the code in my previous post. It should work now.

Please Log in or Create an account to join the conversation.
paul@design-matters.co.uk
Topic Author
Posts: 8
3 years 4 months ago #3637 by paul@design-matters.co.uk
Replied by paul@design-matters.co.uk on topic Social Slider too big on mobile view
Perfect - thanks so much for the prompt assistance!!

Have a good day :)

Please Log in or Create an account to join the conversation.
Powered by Kunena Forum