I have been hunting around and haven’t found a solution that works yet.
Here is my site which does what is needed on a desktop but when it loads in mobile the upper icons are no longer centered but the lower ones are
To supply all the code here would be long so I’m sure someone will knock me for that but to me it seems easy to use the inspector since i’m not sure if css else where could be effecting this.
I will gladly paste all of the code here if really needed.
As you can see on the desktop they are in a row but on a mobile I would like to have them centered and 2 in a row on portrait and all in a line on landscape but still be centered in the screen.
Problem courtesy of: Tsukasa
Within your div
you have divs named
that have the style
Instead of floating your elements you should set them as
which is the correct way of achieving what you want to do.
Doing so will center those buttons for you.
Solution courtesy of: chdltest