Footer doesnot work in mobile and tablet layout

Hello there
Here is my link.
http://trichyengg.ac.in/
My footer doesn't work good in mobile & tablet layout.
Please help me to solve this problem.
(Since I am learning and doing responsive website.Thanks a lot to this forum which helps me lot)
Thanks in advance.

For the class .footer_style, you need to remove the height:200px (set a min-height:200px if you want the <div> to never shrink past a certain point) and add overflow:hidden so it doesn't collapse with all those floated elements within it.
That should do it.

Similar Messages

  • How do I add a mobile and tablet site created in Adobe Muse to an existing website?

    Hi I have created a mobile and tablet version of an existing site in Adobe Muse and would like to add these versions without affecting the original site! is this possible?

    Are you planning to have separate URLs for desktops, tablets and mobile devices?  That seems like a logistic nightmare to maintain.
    Why haven't you re-built your desktop site with FluidGrid Layouts or CSS Media Queries in DW?  One site that works in all devices makes more sense.
    Example with FluidGrid Layout (re-size viewport):
    http://alt-web.com/FluidGrid/Fluid2.html
    Introduction to CSS Media Queries
    http://www.adobe.com/devnet/dreamweaver/articles/introducing-media-queries.html
    CS6 Fluid Grid Layouts (6 min video)
    http://tv.adobe.com/watch/digital-design-cs6/creating-adaptive-designs-using-fluid-grid-la youts-in-dreamweaver-cs6/
    Nancy O.

  • How to make editing desktop version automatically edit mobile and tablet versions

    Hello,
    I have a website that is currently under development, and I was wondering if there is a way for the Mobile and Tablet versions to automatically update, when I edit the Desktop version.
    Thanks,
    Jeremy

    If you're using Business Catalyst & Muse you can create a content holders .  Place the Module on each page, then simply update the content holder via BC Admin and all pages will be updated. If you're not using Business Catalyst then you will always need to update each layout element.

  • Muse Mobile and Tablet questions!

    Hi Everyone!
    I have a couple of questions:
    1. For one of my web pages I didn't make tablet layout. It's not an empty layout - it's not activated at all. That page is not visible on iPads. Is this because there is not tablet version and I need to make that or is that something else?
    Why desktop is not visible on tablets (iPad in this case - didnt try android yet).
    2. On mobiles, (layout is 380 pixels wide) android for example, when I open that site, pages are "too wide", I can move left/right a little bit, but when I tap twice it fits to the screen. I want to have everything nice on each mobile device without any action from the user. I heard about code to paste (viewport code): "<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"". I put this into page properties/metadata, was fine with vertical layout, but with horizontal viewing on mobile, things like full background photo slide show or other elements were displayed completely wrong. I didn't try to paste viewport code as a html in each page. Is that a reason for the problem, or is that something else? If not viewport code, what to do for universal page dimensions if something like that is possible to set at all?
    3. The last problem so far to me is, when I have some images in vertical layout on mobile, lets say it looks ok. Looking in horizontal, pictures are zoomed in, and they look blurry. I see same thing viewing some mobile templates for example at themeforest.net. What to do, to get nice sharp looking image on both layouts? Is responsive widget (different pictures depends on size displayed) the answer? I know about retina (retina@x2) images, but that probably would help just for retina displays. What to do to have nice sharp looking images on both layouts on mobile version? Probably same problem is viewing tablet site at different layouts, when horizontal will be zoomed in (stretched to the sides) to fill the browser window.
    I hope someone can help me.
    Do appreciate it!
    Luke.

    Preview in Browser and in multiple browsers
    De:  p_nath <[email protected]>
    Responder a:  <[email protected]>
    Fecha:  martes, 1 de octubre de 2013 19:14
    Para:  Elizabeth Montoya <[email protected]>
    Asunto:  mobile and tablet issues on muse
    Re: mobile and tablet issues on muse
    created by p_nath <http://forums.adobe.com/people/p_nath>  in Help with
    using Adobe Muse CC - View the full discussion
    <http://forums.adobe.com/message/5729930#5729930>
    Hello, Does this look pixelated in Preview or Preview in Browser and in
    multiple browsers? CheersParikshit
    Please note that the Adobe Forums do not accept email attachments. If you
    want to embed a screen image in your message please visit the thread in the
    forum to embed the image at http://forums.adobe.com/message/5729930#5729930
    Replies to this message go to everyone subscribed to this thread, not
    directly to the person who posted the message. To post a reply, either reply
    to this email or visit the message page:
    http://forums.adobe.com/message/5729930#5729930 To unsubscribe from this
    thread, please visit the message page at
    http://forums.adobe.com/message/5729930#5729930. In the Actions box on the
    right, click the Stop Email Notifications link.  Start a new discussion in
    Help with using Adobe Muse CC at Adobe Community
    <http://forums.adobe.com/choose-container!input.jspa?contentType=1&container
    Type=14&container=4761>  For more information about maintaining your forum
    email notifications please go to
    http://forums.adobe.com/message/2936746#2936746.

  • How can I only justify in the mobile and tablet view and justify and indent in the desktop view?

    I need to have the text to appear in the mobile and tablet view 100% wide.  I need the same text indented by 200px on both side in the desktop view.

    Great! You're welcome.
    Lynda.com has excellent tutorials (video walkthroughs, exercise files, etc to complement it) that will get you going in no time. It is usually a paid subscription but it's definitely worth every penny.
    Here are some basics that I'd recommend for you:
    Web Foundation - Learn Web Foundations with Video Courses and Tutorials from lynda.com
    Web Development - Learn Web Development with Video Courses and Tutorials from lynda.com
    CSS - CSS Video Courses and Tutorials from lynda.com
    Dreamweaver - Dreamweaver Video Courses and Tutorials from lynda.com
    If you get the basics right (1,2 & 3) DW should be very easy to follow and so would any other authoring software. End of the day, DW is only an application to author with and not a language/ code in itself - it's on the last of my list.
    Good luck and happy learning!

  • Responsive menu doesnot work in mobile layout

    Hello there,
    I have successfully designed and uploaded my responsive website.Here is my link.
    http://trichyengg.ac.in/
    I have used responsive dropdown menu in my website.
    My menu doesnot work good in mobile layout.Please check and help me.
    And also there is some problem in this page
    http://trichyengg.ac.in/college.php
    Here the accordion works well.But I don't find footer in this page.Please help me to solve this problem.
    Thanks in advance.

    For the class .footer_style, you need to remove the height:200px (set a min-height:200px if you want the <div> to never shrink past a certain point) and add overflow:hidden so it doesn't collapse with all those floated elements within it.
    That should do it.

  • MenuManager in TableViewer does not work on mobile device (tablet with Win 8)

    Hi
    Welcome everybody This is my first post on this forum. I really hope you can help me out with this. It is kind of strange.... Ok, so I am developing RCP/SWT application, and it has to work on mobile device with windows 8 as well (10' tablet with windows Cool. So far so good - everything work pretty nice, except one thing that is really annoying. So I have this table, and user has possibility to use right click menu (context menu) on each row. Problem is that it does not work at all on mobile device. Right click on tablet is actually defined by pressing finger for longer period of time - then after 1 or 2 second menu should appear. Problem is that it does not at all. Funny thing is that when I connect a mouse using USB port to tablet I am able to open this menu Smile - it works completely fine. Menu works also with finger action when I press on empty (e.g. table without any data) I noticed that this issue is related with constructor style option SWT.FULL_FULL_SELECTION that is used for creating table. When I remove it from the constructor, right click works fine but there is not any data (no record is selected), so I can not perform any context menu action. Menu is dynamic, so depending on what data is loaded, the contain of menu changes. Main problem is that method menuAboutToShow is not called at all!. The code looks like that:
    Table table = new Table(parent, SWT.FULL_SELECTION | SWT.VIRTUAL | SWT.H_SCROLL | SWT.V_SCROLL | SWT.MULTI);
    table.setLinesVisible(true);
    table.setLayout(myTableLayout);
    createColumns(table, layout);
    table.setHeaderVisible(true);
    tableViewer = new TableViewer(table);
    tableViewer.setContentProvider(myContentProvider);
    tableViewer.setLabelProvider(myLabelProvider);
    MenuManager contextMenu = new MenuManager();
    contextMenu.setRemoveAllWhenShown(true);
    contextMenu.addMenuListener(new IMenuListener() {
    public void menuAboutToShow(IMenuManager mgr) {
    contextMenu.add(new MyAction(action)); // THIS PLACE IS NEVER CALLED WITH RIGHT FINGER CLICK!
    // dynamic filling context menu engine
    Menu menu = contextMenu.createContextMenu(tableViewer.getControl());
    tableViewer.getControl().setMenu(menu);
    getSite().registerContextMenu(contextMenu, null);
    Additional info: this tap-hold functionally is standard equivalent for right click on tablet device with Windows. I did not do any additional implementation for that. I think it should just work. I have several tables in my application and in all of those this problem appears. Any idea what may be wrong ?
    cheers,
    Pawel

    I have just installed SWT Example on my tablet (from here: https://www.eclipse.org/swt/examples.php#standaloneOutsideEclipse) and this same problem appears on the table example. I think it is general problem/bug. Should I report this as a swt eclipse bug ?

  • Mobil and Tablet

    Hey,
    I am about to launch a new website, I have a mobil and a tablet version to it. the website works, but the mobil and the tablet sides have bugs.
    on the ipad it is good, as well as on surface RT, but the other versions for other tablets like Kindle Fire, Kindle Fire HD, Kindel Fire HD 8.9" and Nexus are messed up.
    With the mobile site it is the same thing.
    It works only on one version, iPhone 5s but not on 4s or samsung galaxy or nokia lumnia. the layout is messed up and buttons are suddendly gone.
    I tried a lot of things, built the whole thing from the beginning, but nothing worked.
    Can anybody help?
    Does anyone have the same problems?

    I was very excited as to how easy it was to set up my basic format but now have been 3 days trying to figure out why fluid grids is so fragile.  Please advise
    I think that sums it up for many of us who prefer to avoid Fluid Grids and use something else.
    Foundation Zurb
    http://foundation.zurb.com/templates.php
    Skeleton Boilerplate
    http://www.getskeleton.com/
    Initializr (HTML5 Boilerplate, Responsive or Bootstrap)
    http://www.initializr.com/
    DMX Zone's Bootstrap FREE extension for DW
    http://www.dmxzone.com/go/21759/dmxzone-bootstrap/
    I then tried to apply a "height:85VH to the section layout in css design.
    I don't recommend using Viewport Units yet.  As you can see from the chart below, they are not quite ready for prime time usage yet.  And DW's Design View does not support them.
    http://caniuse.com/#feat=viewport-units
    Nancy O.

  • Email Stopped working on Mobile and Laptop

    For the last few days, my wifes sky email has stopped working on her mobile and our laptop. Her settings are - imap.tools.sky.com and smtp.tools.sky.com using ports 993 and 446 (with SSL) respectively. I also have a sky email account that has the same settings as hers and it works okay.  When sending a test email in Outlook 2013 I get the following errors... IMAP: Log onto incoming mail server (IMAP): The connection to the server was interrupted. If this problem continues, contact your server administrator or Internet service provider (ISP). SMTP: Send test e-mail message: Your e-mail server rejected your login. Verify your user name and password for this account in Account Settings. I can logon to her webmail using her email credentials okay, so it's not a password issue. Her email as also stopped syncing on her iphone. Anyone else have a similar issue?? 

    Mines the sameSince yesterday it wond send using outlook 2013. Very strange indeed. Sometimes isp block orts 25 but i dont knoww what the case is hereI raised 2 tuickets yesterday, no reply.As im moving in 2 weeks and out of contract ive also seen theyve bumped the price up 30 quid a month so ive ticketed that too, no reply as yet.So i may be off to someone else if not sorted in the next day or so.Outlook is receiving but not sending.Very frustrating im afraid.Tried reloading the eail account and its still the same.

  • HTML Scrolling not working on Phone and Tablet versions

    Hi - I've created a website across the 3 different platforms. My client has requested a blog - I've used Tumblr - I inserted this HTML for it:
    <iframe src="http://no4styling.tumblr.com/" width="791" height="450" marginwidth="0" marginheight="0" frameborder="no" scrolling="yes" style="border:0px;"></iframe>
    This HTML works on the desktop version but not on the Phone and Tablet version. Please can someone let me know where I have gone wrong??
    Thanks

    Hi,
    I suspect there is some custom script on your site, which might be creating the issue. Please refer to the following link http://forums.adobe.com/message/5688844#5688844
    Please check for any such script as mentioned in that post and try removing it.
    Regards,
    Aish

  • "Enable Swipe" don't work and Tablet Layout on a Smartphone

    Hi there,
    I have two big problems with my own site www.mhgrafikdesign.de:
    1. I have different slideshows in my tablet version of my site. I created the slideshow before one of the updates with the feature "Enable swipe" came out. However, it worked well on my Samsung Galaxy Tab 10.1n. Now I have a Microsoft Surface and it's not working anymore although "Enable Swipe" is enabled. I don't know if the Microsoft Surface has problems with the slideshow or one of the updates has "damaged" my slideshow. Please help me! Any ideas?
    2. I have a HTC 8S smartphone and if I type www.mhgrafikdesign.de my smartphone always show me the tablet version. Any idea why? P.S. Swiping there is also not possible.
    Many thanks for quick help. My website is my flagship in the web and it's a little bit embarrassing if my slideshow on the tab don't work... = /

    This is now a slideshow created with Muse: Homepage
    The slideshow uses fullscreen mode and was build with the latest version of Muse. On my Win8-Tablet, it is not working. I tested this with the IE11 in desktop- and in modern-ui-mode.
    Next to this problem, I also run into these things:
    1. Using the buttons to go forward and backward in the slideshow will select the text-arrow inside the button when touched.
    2. Clicking the forward- and backward-button behaves different. Windows Desktop -> slideshow does not roll back, so you can click forever in one direction, no feedback that you reached the end. On iOS -> slideshow will be rolled back and you get the visual feedback to start over again.
    3. Zoom into the fullscreen-slideshow will result in strange and not really controllabel behaviour. Zooming in does not allow to pan.
    But I am not talking only about the phones. It is more about windows tablets in general. So, content can be viewed in the InternetExplorer11 in desktop-mode and also in modern-UI-mode (touch does work in both modes). But it is also possible, that people use other browsers like Firefox and Chrome. I think, it would be a quite a good idea to translate the movement of the mousepointer into gestures. This javascript library shows what I think is a good aproach: Hammer.JS - Hammer.js

  • Facebook info is blank. it works on mobile and other browsers. what to do. no reset available on firefox troubleshoot pageeshoot

    All of the facebook toolbar is there, just no info appears when you switch around. FB works fine on mobile devices and on other browsers. This just started yesterday...until then all was fine.

    hello kareninmadrid, you're using a very outdated version of the browser - plase update to firefox 33 and see if this can address the issue: [[Update Firefox to the latest version]]

  • Content is showing on Mobile and Tablet but not desktop

    Hi,
    I have been using the DW templates (fluid Grid) to update my site.
    Somewhere I went wrong and now the gallery content is now not showing on my imac desktop yet it is showing on my ipad and iphone:
    Advertising and Commercial Photography Orange Count CA - Wallis Photo Orange County CA
    It is however working on these pages:
    Catalog and Lookbook Photography - Wallis Photo Orange County CA
    Catalog and Lookbook Photography - Wallis Photo Orange County CA
    Obviously I unwittingly changed the CSS somehow.
    Can anyone help me?
    Regards Jason
    http://wallisphoto.com

    That page works just fine on my desktop. Try clearing your browser cache.

  • Edge Animate issues in mobile and tablet devices

    I am brand new to Edge Animate, have watched several tutorials and have done research on my problem but haven't found the answer to my problem. 
    I opened an HTML (5) page in Edge Animate, and animated two items on the page.  I created a fade in for the name in the header, and I created a text slide in with some header text in the main content on the page.  The text slide in starts at 0 opacity and 20% size off page, then as it slides in it grows to full size and reaches 100% opacity.  The page (created and maintained in Dreamweaver CC) is centered in the browser window.
    Everything work great in all the browsers on a regular PC.  (I have tested on pc in Safari, and it seems to be fine there too.)  The only issues occur when viewed on an iphone 4s, ipad, (both of which have the latest version of ios) and on a kindle fire.
    On all of the above listed devices, the page starts full size, then becomes smaller, (following the 20% setting maybe???).  The name fades in fine, and once the text slides in (starting small as desired and gaining size and opacity) and completes, then the page comes up to full size.  BUT, it doesn't center the page in the browser.  I tried loading the page both in safari and on google chrome on the ipad.
    I don't know if I missed a setting in the export, or if there is something I have done wrong in the creation of the animation?  I've tried different settings, and now I am hoping to get some advice from this community.  Thank you in advance.
    If you would like to see the page, please go here demo page
    All suggestions are appreciated. 
    Thank you!

    Hopefully we will find someone with some idea of what is happening.  Fairly new program, I guess.
    My larger issue by far at this point is figuring out how I am supposed to be saving the project (existing html work) so that it stays in the page if I make changes to the page in dreamweaver.  I have watched every tutorial I can find on opening an existing html page in AE, animating a couple of elements on the page (which is very cool that we can do that!), and the odd thing is all the tutorials take you through the opening and animating, but then they don't say, "to save the project in your site folder....it just ends with animate and viola!!
    So I create the animations, save the project--which places a "publish" folder in my site root folder and when I look in the publish folder, Animate has created duplicate html pages of ALL my pages, not just the one I animated, and they are all in the "publish" folder.  If I publish the site, the animations work (but my navigation no longer does because, I believe, it is using the publish folder not the site root folder) until I make a change in Dreamweaver CC to the page I animated.  Then the animations no longer work!
    I'm obviously not saving or publishing the project correctly, but for the life of me, I have not been able to find the RIGHT way to save an existing html page in an existing site root folder...
    Thanks for the response...good luck!

  • The mobile and tablet version of my site wont scroll at all...

    It works in the preview, but not when its published. Also the menu does not work in windows. The site is http://darylsimmons.com.

    I think it might have something to do with the full screen background image.
    I would try removing the image and doing another test.
    Your menu item seems to be placed on a layer which moves once you start scrolling. You will need to modify how your menu is setup.

Maybe you are looking for