Results 1 to 5 of 5

Thread: All Levels Navigational Menu (v3.02) Responsive Design?

  1. #1
    Join Date
    Mar 2013
    Posts
    9
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Question All Levels Navigational Menu (v3.02) Responsive Design?

    Hi,

    I am using a respoinsive template design and was wondering how to change the code so the menu also displays responsively. Please see attached image.

    Many thanks,
    Caroline


    Click image for larger version. 

Name:	Responsive Naviation Menu.jpg 
Views:	113 
Size:	83.5 KB 
ID:	4995

  2. #2
    Join Date
    Jan 2011
    Location
    Southeastern CT
    Posts
    593
    Thanks
    43
    Thanked 28 Times in 28 Posts

    Default

    Please post a link to the page on your site that contains the problematic script so we can check it out.
    Thanks,

    Bud

  3. #3
    Join Date
    Mar 2013
    Posts
    9
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Default All Levels Navigational Menu (v3.02) Responsive Design?

    Quote Originally Posted by ajfmrf View Post
    Please post a link to the page on your site that contains the problematic script so we can check it out.
    Thank you, the address is:

    http://www.seims-dlr.co.uk/index.php...-hierarchy-b92


    Access: temp
    Password: temp

  4. #4
    Join Date
    Jul 2008
    Location
    Derbyshire, UK
    Posts
    1,933
    Thanks
    16
    Thanked 303 Times in 302 Posts
    Blog Entries
    9

    Default

    When you say that you want the menu to behave "responsively", do you mean that you want it to shrink and expand with the width of your page?

    To a degree, it's already doing that, but I just notice that you're using Joomla! and if the page is embedded in a wrapper, it will be limited to the wrapper width defined by the Joomla! template (Joomla! templates used to be capped at 960px wide, but I dont know if thats still the case - your template looks like it is).

    You can use media queries to reduce the menu font-size at smaller screen widths - that would make the menu fit on narrower viewports at least: http://css-tricks.com/css-media-queries/ and http://css-tricks.com/snippets/css/m...ndard-devices/. I dont know how well it will work on a Joomla site though.
    Focus on Function Web Design | Latest News RSS | Facebook | Twitter |
    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 |
    The only limit to creativity is imagination: JemCon.org

  5. #5
    Join Date
    Mar 2013
    Posts
    9
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Default

    Hi Beverley,


    Thanks for getting back to me.

    Yes that's what I mean- It shrinks fine on the iPad and doesn't have that issue as per the image (overlapping and purple/blue background) only when I reduce the browser on the PC..

Similar Threads

  1. Can Step Carousel be used in a 'Responsive' design?
    By samsen in forum Dynamic Drive scripts help
    Replies: 0
    Last Post: 12-02-2012, 09:57 PM
  2. How to get Swiss Army Slideshow in Responsive Design ?
    By jacopogio in forum Dynamic Drive scripts help
    Replies: 0
    Last Post: 06-18-2012, 04:00 PM
  3. All Levels Navigational Menu
    By khouran in forum Dynamic Drive scripts help
    Replies: 4
    Last Post: 03-21-2009, 04:52 PM
  4. All Levels Navigational Menu (v1.5) IE6
    By Geula in forum Dynamic Drive scripts help
    Replies: 2
    Last Post: 10-24-2008, 07:47 PM
  5. All Levels Navigational Menu - 1px Off Bug
    By Nile in forum Dynamic Drive scripts help
    Replies: 13
    Last Post: 08-03-2008, 06:22 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
  •