I used the Simple Custom CSS plugin and added the following code to center the menu on my web page http://www.gainlineperformance.com.
#access ul {
display: table;
margin: 0 auto;
}
It worked like a charm and the desk top version of the site is exactly what I was looking for. However, when I logged into the mobile version from my phone (iphone, don’t know if this matters or not) there are all sorts of issues going on. For instance, my menu is doubled up and overlapping content below it (just looks messy) and beyond that, I seem to have lost access to my blue menu scrolling tool (I’m sure there is a more technical name for it, but I’m far from what you would call technologically advanced so you will have to excuse my shortcomings here). Any thoughts or help would be greatly appreciated.
Note: I have tried removing the code from the plugin, yet things remain unchanged on the mobile version.
Thanks in advance.
.
.