Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • September 24, 2013 at 9:57 am #14990
    Jackie
    Participant

    I’d like to be able to space the menu evenly. If I use:
    li.menu-item {
    min-width:15em;
    }
    I can space the menu well in Internet Explorer, but there’s the issue of different browsers and mobile versions. Do you have a better way to do this that does not involve specifying a measurement?
    Thanks!
    Jackie

    September 24, 2013 at 2:06 pm #15007
    Sakin
    Keymaster

    @webhive: Are are using Catch Box theme? This theme is responsive design so, you need to take that in consideration and add the spaces according to the screen sizes. So you css will be like. Read about media screen and you will get idea.
    For screensize with max width 1224px
    @media screen and (max-width: 1224px) { }
    For Ipad landscape

    @media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) { }
    September 25, 2013 at 7:30 am #15051
    Jackie
    Participant

    Lovely, thanks Sakin. I’m guessing that’s CSS3. Looks like I’d better learn it!

    Cheers
    Jackie

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Spacing menu buttons evenly’ is closed to new replies.