width in pixels for mobile sites

Similar Questions

• Get a fixed header for Mobile site?

  Hello

  I'm trying to put in place a fixed header for my mobile site. I have tried several things and continue to operate in the same question. Although I have not tried to display on another mobile platform other than iOS 8.1, but the issue I'm having, it's that my address bar will not collapse when I defined in the page scrolling effect. So what ends up happening, is that I'm losing the top of my page, because the address bar is always visible. Is there a work around?

  I have attached a picture of my site and another site with what I am trying to accomplish.

  Thank you!

  Dean

  

  Unfortunately, it is a compromise. Scrolling effects on mobile devices are made with JavaScript, which prevents the iOS to shrink the image to the browser. See the link below:

  Organic behaviour of the mobile browser / Scroll effects

• Change the news, layouts of web apps for mobile site?

  I edit an existing Web site to create a mobile version, placing my mobile pages in a subfolder /mobile. I'm having a problem with web applications and news, I've already named my templates and layouts for the full desktop version, and because my webapp and News Articles may not be placed in the my /mobile folder. So, now I need to post this information differently for mobile and cannot understand how, given that I am limited to a presentation of single list and a presentation of detail (for the news. At least the web applications give me a backup list layout, which was useful). How others have done this kind of thing?

  An example: on the version of my office, I have ads displayed on the home page as short texts of presentation (using the list view). My detail view I have already formatted for the desktop version of full screen and doesn't work well for mobile screens. After several attempts of workarounds, I decided that I just show the full announcement for mobile as a layout from the list and not use a detailed at all while I don't even bother with it. My thought was to encode both my list of office and mobile page layouts in the list layout of my ads module and use css to display / hide the appropriate one.

  For example -.

  HTML in my layout of the list:

  < div id = "standardnews" >

  < h3 > {tag_subject} - {tag_eventfromdate} < / h3 >

  < p > {tag_body, 140} < /p >

  < / div >

  < div id = "mobilenews" >

  < h3 > {tag_subject_nolink} - {tag_eventfromdate} < / h3 >

  {tag_body} < /p > < p >

  < / div >

  on my Office css stylesheet:

  div #standardnews {display: block ;}}

  div #mobilenews {display: none ;}}

  on my mobile css stylesheet:

  div #standardnews {display: none ;}}

  div #mobilenews {display: block ;}}

  The css works fine, however, my mobile site instead of the next event date rendering, it actually made the tag "{tag_eventfromdate}".  So, apparently I can't have multiple instances of a tag within a single page?  Is there a way to get around this?

  I would be grateful for any input here on the best way to handle this kind of thing, given the limits that I am running into.

  You can make as many list templates you want now.
  You can have a different model by camera - phone, Tablet, desktop so if modules are in this model that they will then make these different models and so different layouts.

  If you have modules in pages this page may be different by the device as described in setting site and the mobile section.

  Unlimited list layouts - http://www.businesscatalyst.com/_blog/BC_Blog/post/Video_Create_custom_list_templates_for _ BC_Modules /

  You CANNOT however still conditional tags in British Colombia and you can not access a list than tags renders differently depending on the device.

  Style and presentation that you use media quries and the label of system device provided by BC.

• page layout landscape for mobile site

  Hello

  IM design mobile site of prototyping, his eye view when it is vertical, but really bad when change to horizontal.

  can someone give me advice how to fix this?

  MySite: mitrasoft.businesscatalyst.com

  concerning

  It would be by default like horizontal and vertical display may be different depending on the page content made available, please visit:

  http://www.Muse-themes.com/blogs/News/6296420-experiments-in-mobile-site-design-with-Adobe - muse

  https://helpx.Adobe.com/Muse/using/creating-website-mobile-devices.html

  Thank you

  Sanjit

• How do you create submenu for mobile site in Muse

  When I create a menu with sub menu in desktop Muse, are there no questions, however when I create the site in mobile version, the submenus do not appear.  Is this possible in Muse without buying a widget?  Thank you.

  I selected all THE Pages on the Menu Type and the convocation.

• width in pixels standard

  What is a size of width of safe pixel for a site read on a laptop or desktop?

  Just as good... the key is the experience of the visitor.

  (They hate horizontal scroll bars) :-)

• Mobile site - fixing Panel upward as the scrolling menu

  Hi guys,.

  I looked and can't seam to work for mobile site how to set a menu panel at the top of the page that the user is scrolling to the bottom of the page.

  So far, I tried to use motion to bar effect and yes I can get it repaired, but he remains fixed in its original position, where in fact it should go through the roller until it touches the top of the page and stay there until the user is scrolling to the bottom of the page.

  How do I end this?

  Thanks for your help!

  

  Hi Alexander,.

  In this scenario, click the bar and keep the position key lined up at the top of the bar and set the initial request for 1 and 0 final movement.

  Kind regards

  Akshay

• You can lock your menu at the top of your MOBILE site?

  I have created the mobile version of my site in the CC of Muse. I would like to pin my menu in the browser to reflect the desktop version of my site. However, the "pin" icon is grayed out. Any object I select my mobile site, the PIN function remains unavailable. If this feature is not supported for mobile sites, or have I missed something?

  Take a look at a thread related here which should answer your query - http://forums.adobe.com/thread/1298756.

  Thank you

  Vinayak

• What is a good standard pixels for a centered site width?

  How wide is a good standard for a centered site that is located inside a table of 100%? 770 pixels wide? I intend to build one, fixed format, anything that extends, but cannot decide what width in pixels to go with. It will be also with tables.
  
  Thank you
  Angie

  Thank you Darrel and Murray... I also watched this tutorial. I'll put it in a table stretch 100% 770 fixed. Thanks again.

  Angie

• Construction of a sensitive site for mobile phones - my first try.

  It is my first try at building a sensitive site in Dreamweaver CS6 for mobile phones, tablets, etc. From now on the page "fluid - grid.css", I have the media query to: "@media screen alone and (min-width: 481px) ' I built the entire site with this size in mind, but I found it's always appear a little too big on my iphone 5 c.»» It looks to the '(min-width: 481px) ' must have been fixed in "(min-largeur: 321px)". " To do this, I will have to start all over again with the site or can I simply change this on the css page?

  Thank you!

  Mike

  Grid layouts of fluids are built on the mobile first principle.  In other words, you don't need to specify the device width b/c this is the default layout.  First, you need to create because everything is based on that.  It ranges from 0 - 480px wide.

  Then, you build your formatting of Tablet.  DW automatically creates the media queries. Usually 481px to 768px.

  Finally, you build your office layout, new DW creates queries from the media for you. Usually 769px - 1232px.

  That said, you should never (I mean ever) alter master key or code FGLayout.css (all that you named it).  If you need to customize the styles of backgrounds, typography, etc., you must use a separate external style sheet.

  FGLayout code is very temperamental.  The more experienced coders have trouble with it.  So just don't be tempted to waste his time with her.  You will have less problems like that.

  Nancy O.

• Using of checkerboard to fluid and a mobile site, or load smaller images for mobile.

  Question for a beginner:

  You can use checkerboard to fluid for Tablet and desktop, while having a mobile site?

  The problem will be the loading time.  I use a tool for css/js called Magic360 to display of large plates 3d products.  It requires 72 images, but works very well with the fluid grid.

  My understanding is the grid will load the images full size, but scaling to fit the screen.  Go from office to Tablet would be acceptable, but mobile would be much slower compared to a dedicated site.

  Another option would be to have the small images to load mobile within the grid of fluid, but I don't know if it's possible.  Thank you for any assistance.  I'm watching a ton of videos on lynda.com to learn the basics and progress.

  -James Thornton

  Put your large images in #slideshow - LG and smaller images in #slideshow - SM. use media queries to show/hide the divisions.   Use a separate external stylesheet for that.  You don't want to alter master key or FluidGrid.css files.

  / Special rules for mobile devices * /.

  @media only screen and (max-width: 480px) {}

  / * Hide div * /.

  #slideshow - LG {display: none ;}}

  / * display div * /.

  #slideshow - DMS {display: block ;}}

  }

  / * Rules for tablets, desktop computers * /.

  @media only screen and (min-width: 481px) {}

  / * Hide div * /.

  #slideshow - DMS {display: none ;}}

  / * display div * /.

  #slideshow - LG {display: block ;}}

  }

  Nancy O.

• Can I optimize my old site made with Dreamweaver CS5 for mobile? If the answer is Yes, it's a big job to do or not (sorry for my English, I'm french)

  I want to know if it's a big job to change my site developed with Dreamweaver CS 5. Google ask me to update this Web site for mobile phone.

  most of the people are the real web on a smartphone stupid research

  

• How to create a menu button of 3 lines for navigation on a mobile site?

  How to create a menu button of 3 lines for navigation on a mobile site and do trigger the Accordion Panel? I created my first sites on Muse and can't seem to understand.

  Download icons FontAwesome and install it manually.
  https://fortawesome.github.IO/font-awesome/

  Add web fonts self-hosted | Adobe Muse CC tutorials

• I need the Accordion widget to open on working capital for my mobile site

  Does anyone know how to remove the mouse to the bottom of the State for the Accordion widget that ships with Adobe Muse? I need panels to open on working capital for my mobile site.

  Customization should be as the accordion can be set only to open with the click of a mouse action, States can be defined even for working capital and the mouse downwards so removing the State would be unnecessary.

  Other than the customization, you can go with this option: http://www.muse-themes.com/products/accordion-hover

  Thank you

  Sanjit

• How can I optimize my mobile site of Muse (designed for desktop)

  What happens to my office site designed so I want to optimize it for mobile devices?

  Take a look at these tutorials they really walk you

  https://helpx.Adobe.com/Muse/how-to/muse-mobile-site.html?set=Muse--key-techniques--design ing-for-mobile

  https://helpx.Adobe.com/Muse/how-to/usability-best-practices.html?set=Muse--key-techniques--conception-pour-mobile

  stationery-to-mobile https://helpx.adobe.com/Muse/How-to/plan-your-mobile-site.html?Set=Muse--Key-techniques--d

  https://helpx.Adobe.com/Muse/how-to/preview-your-mobile-site.html?set=Muse--key-techniques--conception-pour-mobile