resize pure responsive menu.

[jonnyfreak]

hello i downloaded a responsive side menu from http://purecss.io/layouts/side-menu/ and am trying to make the menu wider and give it some more left padding but i dont know how where i need to go within the CSS to change it, i have tried changing some of the css http://purecss.io/css/layouts/side-menu.css but i doesnt seem to resize, can someone help.

thanks in advance

[Beverleyh]

Left padding on button links looks like it should go here;

    All anchors inside the menu should be styled like this.
    */
    #menu a {
        color: #999;
        border: none;
        padding: 0.6em 0 0.6em 0.6em;
    }

And for menu width, the big numbers are a dead giveaway. Play around with the 150px values and set them to the width you want.

[jonnyfreak]

Left padding on button links looks like it should go here;

    All anchors inside the menu should be styled like this.
    */
    #menu a {
        color: #999;
        border: none;
        padding: 0.6em 0 0.6em 0.6em;
    }

And for menu width, the big numbers are a dead giveaway. Play around with the 150px values and set them to the width you want.

i have tried to increase all the 150px but that didnt seem to work, is it all the 150px i need to modify?

[Beverleyh]

is it all the 150px i need to modify?

I havent tested anything but I would say so. And any negative values of the same size.

If you need further help, please post a link to *your page* showing the changes you've made. If you can't post a link to a page on your own server, please setup a live demo in JSBin, JSFiddle or CodePen.

[jonnyfreak]

I havent tested anything but I would say so. And any negative values of the same size.

If you need further help, please post a link to *your page* showing the changes you've made. If you can't post a link to a page on your own server, please setup a live demo in JSBin, JSFiddle or CodePen.

i had a play around more with the 150 and it worked thanks