Responsive button alignment | WordPress.org

Hi @mauricemark03

I checked the linked page and what I currently see is that you have the social buttons published 4 times. So first of all you need to make sure you are trying to modify the styles of the one that you really want.
For example:
There are cases where you used the “center” align option, and there are cases where you used “left”.

The second issue that I see is that, you used a too general CSS selector for your CSS:

div.nsl-button.nsl-button-default.nsl-button-facebook {
    margin-top: -20px;
}

div.nsl-container .nsl-button-default {
    margin-left: 150px;
}

With the first one you are basically targeting all Facebook buttons with the default button style.
And the second one adds that big left margin to all social buttons with the default button style, basically that’s why your button will be pushed to the right side in mobile view.

If you want to modify the styles of one instance, then you should add a unique and custom CSS class on the container that you put the slider into. Then you should write a CSS selector with the class of that container. That way your CSS would modify only the social buttons inside that particular class that you specified in the selector.

Note:
I am not really sure if you really need that much social buttons. Since with CSS media queries:

you could modify the CSS of the elements in the different views separately.

Best regards,
Laszlo.

Dear @laszloszalvak ,

thank you for your quick response!

I completely forgot about the CSS – it was old code that I should already have deleted – it fixed the issue, thank you!

Best Regards,

Maurice