0
Welcome Guest! Login
0 items Join Now

help with responsive layout and logo

Last Post
Search Topic
    • Houston's Avatar
    • Houston
    • Elite Rocketeer
    • Posts: 1077
    • Thanks: 2

    help with responsive layout and logo

    Posted 11 years 11 months ago
    • The logo for my client needs to be fairly large as you see in this site . What I need to happen when I go to an iPad in vertical mode, is to have the logo above the navigation and have the navigation go the entire width of the template. I am not using the logo function provided in the template, that is turned off. instead I have opted for a custom HTML module with the logo in it. In the gantry, i have set the "Header Position" to 5 / 7. I have created two modules with the logo in it, one set with Module Class Suffix set to .visible-desktop and the other set to .hidden-desktop.

      Here are the problems that I am having:
      1. I can not get the logo to appear on top of the navigation. Since the nav position is set in Gantry, I have yet to figure out how to set the order of stacked modules in the same position.

      2. When I stack the two modules in the same position, the navigation does not go the entire width of the template. I know this is set for two positions in gantry, so is there a way to override this so that it doe span the entire width?

      Any alternatives ways to accomplish this would be helpful.

      Many thanks,
      Houston
    • Houston Brown - www.splitlightdesigns.com
      Apache Version = 2.2.2 / PHP Version = 5.2.17 or 5.3.15 (dual)
      mySQL Version = 5.5.21
      Joomla Version = 2.5.8 / Web Servers OS Version = CentOS 6
    #983295
    • Houston's Avatar
    • Houston
    • Elite Rocketeer
    • Posts: 1077
    • Thanks: 2

    Re: help with responsive layout and logo

    Posted 11 years 11 months ago
    • I see according to this chart that anything above 768 will show as a desktop which does not correlate to the Media query numbers. Is there any way to adjust these numbers? an iPad2 (tablet) is 1024 X 768 which makes it look like a Desktop. Seems like these are old numbers.
      This image is hidden for guests.
      Please log in or register to see it.


      Many thanks,
      Houston
    • Houston Brown - www.splitlightdesigns.com
      Apache Version = 2.2.2 / PHP Version = 5.2.17 or 5.3.15 (dual)
      mySQL Version = 5.5.21
      Joomla Version = 2.5.8 / Web Servers OS Version = CentOS 6
    #983307

  • Re: help with responsive layout and logo

    Posted 11 years 5 months ago
    • Any news regarding this topic? I'm haveing exactly the same problem.

      Best regards
    #1038955

Time to create page: 0.102 seconds