Results 1 to 5 of 5

Thread: resize pure responsive menu.

  1. #1
    Join Date
    Nov 2011
    Posts
    74
    Thanks
    5
    Thanked 0 Times in 0 Posts

    Default resize pure responsive menu.

    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

  2. #2
    Join Date
    Jul 2008
    Location
    Derbyshire, UK
    Posts
    3,033
    Thanks
    25
    Thanked 599 Times in 575 Posts
    Blog Entries
    40

    Default

    Left padding on button links looks like it should go here;
    Code:
        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.
    Focus on Function Web Design
    Fast Edit (A flat file, PHP web page editor & CMS. Small, FREE, no database!) | Fast Edit BE (Snippet Manager) (Web content editor for multiple editable regions!) | Fast Apps

  3. #3
    Join Date
    Nov 2011
    Posts
    74
    Thanks
    5
    Thanked 0 Times in 0 Posts

    Default

    Quote Originally Posted by Beverleyh View Post
    Left padding on button links looks like it should go here;
    Code:
        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?

  4. #4
    Join Date
    Jul 2008
    Location
    Derbyshire, UK
    Posts
    3,033
    Thanks
    25
    Thanked 599 Times in 575 Posts
    Blog Entries
    40

    Default

    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.
    Focus on Function Web Design
    Fast Edit (A flat file, PHP web page editor & CMS. Small, FREE, no database!) | Fast Edit BE (Snippet Manager) (Web content editor for multiple editable regions!) | Fast Apps

  5. The Following User Says Thank You to Beverleyh For This Useful Post:

    jonnyfreak (01-28-2016)

  6. #5
    Join Date
    Nov 2011
    Posts
    74
    Thanks
    5
    Thanked 0 Times in 0 Posts

    Default

    Quote Originally Posted by Beverleyh View Post
    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

Similar Threads

  1. Responsive horizontal menu problem
    By mikewooz in forum CSS
    Replies: 3
    Last Post: 03-08-2015, 01:43 PM
  2. Responsive Mouseover Tabs Menu
    By chechu in forum Dynamic Drive scripts help
    Replies: 3
    Last Post: 02-04-2015, 12:59 PM
  3. Cool Sprites – Free overlapped pure CSS menu using CSS Sprites
    By bdeepu in forum Submit a DHTML or CSS code
    Replies: 1
    Last Post: 04-20-2010, 08:42 PM
  4. Horizontal Dropdown Menu with Pure CSS
    By goldenboy in forum CSS
    Replies: 0
    Last Post: 12-21-2007, 06:17 PM
  5. Pure CSS Vertical Cross browser menu w/Fixed Position
    By Ronnie in forum Looking for such a script or service
    Replies: 4
    Last Post: 10-17-2007, 10:05 PM

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •