Spry disappearing in mobile view

Hello

I'm on a macbook pro with DW CS6.  I am newer to questions from the media and mobile design.

First of all, let me erase you a question that might precede everything: I am trying to use a template for my pages and I make 2 elements (like NAV) using the {display: none} property to try to get display in the right context – that is to say, my reformats pages through media query with elements of spare nav for mobile display of file mobile.css.

I'm starting to wonder if the use of a model could be a problem for these objectives. The navigation Div for my opinion nobile appears only in my mobile display if it's in the model being totally. If I try to use the {display: none} property between the model and my file mobile.css to make it invisible in the main model, the navigation (like almost everything else) just disappears from my view mobile also.

my site is: http://www.frankbright.com

Here is my code mobile exsmple of my page "mobile.css":

@charset "UTF-8"; #Logomb {margin: 0;}           padding: 0;           Width: 70%;           left: 3%;           top: 3%;           z index: 2000; } #Logotemp {display: none ;} #Titles {display: none ;} #MenuBar2 {position: absolute;}}}           left: 10%;           top: 10%;           Width: 70%;           height: auto;           z index: 1500;           do-family: Arial, Helvetica, without serif.           do-size: 14px;           color: #FFF;           text-decoration: none;           background-color: #000; } #navpanelsite {display: none ;}}   #content {background-color: #000000;}           Width: 90%;           padding: 2px; } #content img {display: none ;}}

And here's the CDE model for my complete site pages:

#Logotemp {position: absolute;}           Width: 333px;           height: 133px;           z index: 1025;           left: 5%;           top: 5%; } #Logomb {display: none ;} #navpanelsite {position: absolute;}}           left: 36%;           top: 172px;           Width: 60%;           height: 36px;           z index: 900;           background-color: #000000;           float: right;           border: 1px solid #333;           border-radius: 5px; } #MenuBar2 {display: none ;} #content {do-size: 14px;}}           color: #fff;           border: 1px solid #333;           float: right;           position: absolute;           left: 2%; }

I hope you can make sense all of this. Sorry if my explanations are difficult - I'm newer to this mobile area but not of DW in general. Thanks much for any help.

Frank B.

Add display: block; to your css selector #navmobile (as below) in your mobile css file. Given that you said that it is display: none; in your main css it won't appear again until you ask him to do.

{#navmobile}

position: absolute;

left: 10%;

top: 10%;

Width: 90%;

height: auto;

z index: 1500;

do-family: Arial, Helvetica, without serif.

do-size: 14px;

color: rgba (255,255,255,1);

text-decoration: none;

background-color: #FFF;

display: block;

}

Tags: Dreamweaver

Similar Questions

  • Olive Mobile Viewer for Tablet gives error message when downloading n Chicago Tribune for offline reading.

    When you try to download the Chicago Tribune for offline reading using the mobile viewer of olive trees for tablets, I get the message "an error occurred while average download try again."

    We do not support the "Olive Mobile Viewer' it is an application used by the Forum to display their website. The help of the Tribune are to

    https://members.chicagotribune.com/help/

    "Feel free to call us at 1-800-TRIBUNE (1-800-874-2863), or email Bill Adee, VP/Digital Development & Operations (billadee to tribune.com).

    You can also get help via our Twitter and Facebook pages. »

  • How to omit "upwards" of mobile views?

    Hello

    How can I omit 'upward' with mobile views? I did not need and it blocks my main content. Love and works perfect on desktop.

    Or something added for CSS support queries to hide sort it? Please let me know!

    < script > <!-FOR-> BACK TO TOP

    $(document) .ready (function () {}

    first hide the #back - back to top

    $("#back-top").hide ();

    fade in #back - top

    $(function () {})

    $(window) .scroll (function () {}

    If {($(this) .scrollTop (> 100))}

    $('#back-top').fadeIn ();

    } else {}

    $('#back-top').fadeOut ();

    }

    });

    body of scrolling to 0px on click

    $('#back-top_a').click (function () {}

    $('body,html').animate ({}

    scrollTop: 0

    (}, 800);

    Returns false;

    });

    });

    });

    < /script >

    Add the following to your mobile media query should do the trick...

    {#back - back to top

    display: none! important;

    }

  • Webmail in mobile view?

    I noticed that the webmail on a mobile browser has been evolving in the last weeks of the original mobile display that we had in recent years to what looks like a new layout with new icons etc and now back to a normal browser view that is quite impracticable. Does anyone know if BC are playing with this?

    Thanks Vikas. It turns out that the software is developed by Roundcube. While I couldn't find all the parameters of the mobile view "as suggested below of OpenSRS' I disconnected and then return in which automatically loaded the most recent interface. I guess the latest platform has now been updated and seems to work well.

    We use a third party software called Roundcube to our interface webmail and changes or improvements to the interface is done by the developers of Roundcube. There are currently included integrated mobile interface and its possible to change the mobile version of office settings.

  • British Colombia blog links work only not in mobile view

    The site is http://www/tuckermarcom.com/blog .

    Someone with experience with links not working do not in your blog Business Catalyst, specifically in a mobile view?  I have a responsive model that uses the blog module, but for some unknown reason, the links inline in the blog simply do not work (not type) while in the mobile display (like an iPhone).  The blog titles, link to it is the landing page and system of links work well - it is the I added links that seem to have the question.  Any help would be greatly appreciated!  Thank you

    The hotfix allows the pop up in the General settings of the iPhone.  Minor correction - great results.

  • Drop bookmark icon disappeared. Using view &gt; toolbars &gt; customize to add, but it disappears as soon as I click on Done and leave the Customization screen.

    I opened Firefox, and all of a sudden my icon to bookmark on the right side of the screen which opens the menu drop-down disappeared. I keep trying to add it by going to view > toolbars > customize. It appears that in the Customization screen, but once I click done and close the window to customize the icon disappears again. How do I add back and he can stay once I click done?

    Just to clarify what cor - el said earlier, if the classic menu with the bookmarks menu bar, then the toolbar button that does the same thing becomes hidden. He hid before Firefox 23, only when it's on the Navigation toolbar, but now he seems to hide little matter which toolbar it is on.

    If you're in the bar of classic menu for two compact columns (orange Firefox button) menu, then button to the bookmarks toolbar reveals itself. But then if you want the full menu bar you have to press the ALT key, or press F10.

  • menu Spry disappears when the window browser pulled/stretched manually

    Hello

    my menu spry seems to disappear when the browser window is pulled/stretched manually expand beyond a certain point. He himself the stack when the window manually reduced to a narrower format. This is regardless of the float property, either to the right or left.

    I'm still at the stage of construction of the building/dev...

    {.menuWrapper}

    float: right;

    width: 60%;

    margin-top:-38px;

    }

    Thank you!

    There are two problems here.

    1. when the browser is an average width, any adjustments in place, no problem

    2. when the browser is reduced in width, there is not good enough real estate menu bar, so the last item of the menu, and then double to the high slot the MenuBar

    3. when the browser is expanded, the bar of menus is able to escape alongside the image of c2c_logo, but because you set a top margin-38px, the menu bar springs out of sight.

    Solution:

    1 give the menu bar more real estate to remove white space next to the actual image, which makes the smaller image or the default method, change the image to a background image. The latter will provide the best way to provide the necessary space for the menu bar.

    2. After doing the above, you will notice that the menu bar disappeared once more, the top margin should therefore be adapted. The top margin will be in the region of 120px

    GRAMPS

  • Menu Spry disappears in IE7

    My spry menu looks exactly like I want that it disappears when seen in Safari and Firefox on my Mac, but seen in IE7 on a PC the menu completely and your left with just the background showing through. I have the entire menu wrapped in a div tag to give it a border. (the only rules I have applied to the div tag are resident left and right). Remove the div and the menu bar appears, leave the div and it disappears. Need the div for the style. Going postal! Any ideas? Thanks in advance...

    Thanks for the reply. I thought about it. I had wrapped it in a div tag which I removed and then added the div to ul CSS rules. MenuBarVertical style. The rest, I fixed with a few tweaks here and there.

  • Toolbar above the address line has disappeared (File, Edit, View, etc.)

    Notice that the toolbar above the address line on my Firefox home page is missing... the line with "File, Edit, View, history, etc.

    Can not find a way to recover... without it, I'll just go back to IE.

    In Firefox 3.6 and later Windows, you can hide the "menu bar" by "view > toolbars" or through the context menu on a toolbar.

    Press F10 or press and hold the Alt key to bring up the 'Menu Bar' temporarily.

    Go on "view > toolbars" or right-click the 'menu bar', or press Alt + V T to select the toolbars to show or hide (click on an entry to switch from the State).

    See also what happened to the file, edit and view menus? and http://kb.mozillazine.org/Toolbar_customization

  • Button in the navigation bar for mobile view is empty

    For mobile display nav bar button contains no content. Target data may be wrong... it is automatically generated so I think that it is a component "bootstrap". I don't have a clear idea as to how this key captures the nav info.

    I made one of these before and Dreamweaver generated auto button with all nav links

    Ok. Here's the code.

    < head >

    < link rel = "stylesheet" type = "text/css" href = "mystyle.css" >

    < / head >

    < body >

    < nav class = "navigation bar default navbar, navbar-reverse" >

    < div class = "container-fluid" >

    <!-brand and toggle get grouped together for better mobile display->

    < div class = "bar navigation-header" >

    < button type = "button" class = "toggle navigation bar has collapsed" data-toggle = 'collapse' data-target="#bs-example-navbar-collapse-1" > < span class = "sr only" > toggle navigation </span > < span class = 'bar icons' > < / span > < span class = 'bar icons' > < / span > < span class = 'bar icons' > < / span > < / button >

    < has class = "brand navigation bar" href = "#" > welcome to the store online Selva Studios < /a > < / div >

    <!-collect the nav links, forms, and other content to alternate->

    < div class = "navbar-collapse collapse" >

    < ul class = "navbar-nav nav" >

    < li > < a href = "#" > about the artist < /a > < /li >

    < li > < a href = "#" > South flowers < /a > < /li >

    < li > < a href = "#" > sunflowers < /a > < /li >

    < li > < a href = "#" > Original Art < /a > < /li >

    < li > < a href = "#" > sea & shells < /a > < /li >

    < li > < a href = "#" > coastal birds < /a > < /li >

    < /ul >

    < / div >

    <!-/ .navbar-collapse->

    < / div >

    <!-/ .container-fluid->

    < / nav >

    <!-/ .navbar-collapse->

    < / div >

    <!-/ .container-fluid->

    < / div >

    < / div >

    <!-/ .container-fluid -.

    navigation-default bar is dark text on a light background.

    reverse navigation bar is a light text on dark background.

    Choose one or the other.

    Your ID target data does not match anything.

    Try this:

    Nancy O.

  • When I use the figure and figure legend my images disappear in the view Design of DW. I'm doing something wrong?

    It is a continuation of an attempt to make my art stained glass appear in google image searches.

    I add alt tags and also started, on the advice of Nancy O. (thanks again) and from other sources, to replace my current framed with figure and figcaption html.
    With a bit of fiddling, I figured out how to make this work so that it appears in a browser (Safari) (I'm really not that familiar with html code).  Anyway, I like what I'm saying, but there is none in the design view of Dreamweaver(DW CS3) image in the image area, just the languge imgsource text and alt appears. Nor the caption text appears in design mode.


    Is it just an irreparable between HTML5 and the CS3 Dreamweaver divergence or is there something I can do so that I can still see pictures when you work in the Design or split mode?

    Your image tags are not closed, you miss him > at the end of each . For example, change the following...

    stained glass image of holy family visited by angel in abstract religious style

    TO

    stained glass image of holy family visited by angel in abstract religious style>

  • Can I make my Tablet and Mobile view of landscape to display my Desktop site?

    but keep the Tablet and mobile portrait discovers that tablet and mobile sites.

    Sorry, it is not possible at this time to Muse.

  • Domain forwarding messing around with mobile view?

    I have just launched a new site (built in Muse), with trial, he posted fine on version desktop and mobile on my phone (on a direct URL, overview of site not only).

    Ive had to add a request to the front of the field on the online site, but this seems to have screwed up to the display of the mobile versions (crushing it upward to the left)-ideas to try to work around this problem?  I can only assume the redirection is the trigger of the desktop first, which should be screwed with the layout

    Forward URL is www.hartlepooltriathletes.co.uk

    current site address: stevenrushby.co.uk

    As you will see if all goes well, the screen is of course the actual URL but the consultation through the attacker is not.

    You must actually delegate the domain name on the site. You cannot just put frameset in a page on a domain and host content from another domain in a frameset on the first.

    Content hosted within frameset is prevented from interacting with the content of the page of 'real' external and therefore cannot query the browser/device that displays the page in the same way. This prevents the inside page to perform detection of the device and also interfere with other normal behavior of the page.

    A Web site can have different domain names in May. In the same way delegate you your domain stevenrushby.co.uk on the site, you must also delegate the domain www.hartlepooltriathletes.co.uk on the site.

  • Photoshop CS4 and the mysterious disappearance of mobile dotted...

    There are about ten minutes I was pruning the pictures in Photoshop CS4, the marquee tools suddenly lost their mobile dotted.

    Now, when I click on the Rectangle tool and drag to select an area, the outline of the selected area is invisible--until I have let go of the mouse when it pops up as a continuous line.

    I guess I must have turned off the mobile dotted somehow in error. How can I turn on their return?

    A quick search gives to think I can hit CTRL + H or command + H to put the moving dotted lines on and off. None of them work for me.

    Other suggestions I've found are "reset" of the tool (how?) - or install a new video card, which should not be a problem in my case. I have installed the updates - what literally happened there, in the workplace.

    I use a Mac, OSX 10.8.5 if that makes a difference...

    It MUST be a simple solution "click on such and such." Thanks in advance if you know!

    I think perhaps that you have encountered a bug of display driver (or the exhaustion of resources).  Try to save your work, quit Photoshop, then restarting him.  Chances are that the ants will return for your picnic baskets.

    -Christmas

  • Background image disappears in Design view

    Hi, I am new to the design of Web sites, and recently stopped background image appears in design mode.  When I go to live view and check in the browser but the background appears again.  It used to work before, but it just stopped working recently.  I tried to find a solution, but it has not worked.  If someone has any ideas as to what might solve my problem, it would be greatly appreciated.

    Here's my css

    @charset "UTF-8";

    #container {}

    height: 1280px.

    Width: 960px;

    margin-top: 0px;

    margin-right: auto;

    low-margin: auto;

    left margin: auto;

    position: relative;

    background-image: url (.. / Images/background%20copy.jpg);

    background-repeat: no-repeat;

    }

    H3 {}

    top of the margin: 420px;

    margin-bottom: 195px;

    text-align: center;

    position: absolute;

    margin left: 437.5px;

    text-transform: capitalize;

    do-variant: small-caps;

    font size: 24 PX.

    font style: inherit;

    text-decoration: underline;

    }

    H2

    {

    top of the margin: 160px;

    margin-bottom: 195px;

    text-align: center;

    position: absolute;

    margin left: 230px;

    text-transform: capitalize;

    do-variant: small-caps;

    }

    P1

    {

    top of the margin: 350px;

    position: absolute;

    margin left: 40px;

    right margin: 60px banner;

    do-size: 18px;

    text-align: center;

    When I turn on the mode live view, that it is also formatted correctly and everything.  But when it is turned on only design or split, the text and pictures do not follow all of the css.

    Add a closing to the end.

    concrete

Maybe you are looking for

  • DVD drive does not detect DVD satellite 1900-303

    My CD-RW/DVD drive refuses to read DVDs, acting as if there is no disc in the drive, no matter what I try. I have not used the machine regularly in a while and just starting to discover this. It also has a problem with burning discs, if it is of no i

  • TOuchpad down, allow me to resize the text in the browser window

    I have a HP Envy laptop 17.3 with a touchscreen tablet, which does not allow me to scroll through, or to be used with the CTRL key to change the factor zoon inside windows (for example, a browser window). I went for the touchpad settings and there is

  • Group by name graph

    Hello guys =) I have a def of Type that contains a cluster. Inside the cluster, there are 4 LEDs Boolean and three numerical indicators. Now I want to add a graphic. Then I drag a chart in the cluster inside type FED. I see all the places where I use

  • How to disable the touchpad scrolling acceleration?

    Hello. I would like to do more appeal to the TouchPad functionality of scrolling (sliding near the edge of the trackpad), but UltraNav settings only allow you to control the speed. It is useless no matter what speed I put it, because due to the accel

  • BlackBerry Smartphones tape so slow...

    OK, got a quick/good answer to my first question I thought I'd ask another! When you type (email, SMS etc.), the camera takes so long to 'catch up' with that I entered - is it possible to speed it up?  I put the garbage collection function when idle