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:	128 
Size:	83.5 KB 
ID:	4995

  2. #2
    Join Date
    Jan 2011
    Location
    Southeastern CT
    Posts
    596
    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,998
    Thanks
    16
    Thanked 315 Times in 313 Posts
    Blog Entries
    12

    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
  •