I can't hide symbols/items with Media Queries?

So I have a menu for mobile only, but I can't seem to hide on the desktop version of the site.

I tried my CSS support queries and checked ID's edge for the div created.  But when that makes them "visibility: hidden" in the Office of CSS stylesheet, it produces an error or did not work at all.

ID = "eid_1399691671005_menuBar" class = "eid_1399691671005_menuBar_id".


(I also tried to create the CSS elements first and then animate them.)  However, I could not create a symbol to control the animation.)


Y at - it a tutorial that I can have jumped more that shows me how to do this? Thanks for your time, this forum has been a great help on searching for information.

Sorry for the late reply, I actually had this course that does everything that I need.  Thanks for your help though!


This code executes when the publication is ready

If ($(window) () .width)<= 799)="">

SYM.$("deskNav"). CSS ("Visibility", "hidden");

SYM.$("mobileNav"). CSS ("Visibility", "visible");

} else {}

SYM.$("deskNav"). CSS ("Visibility", "visible");

SYM.$("mobileNav"). CSS ("Visibility", "hidden");

}

This code runs when you resize the window

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

If ($(window) () .width)<= 799)="">

SYM.$("deskNav"). CSS ("Visibility", "hidden");

SYM.$("mobileNav"). CSS ("Visibility", "visible");

} else {}

SYM.$("deskNav"). CSS ("Visibility", "visible");

SYM.$("mobileNav"). CSS ("Visibility", "hidden");

}

});

Tags: Edge Animate

Similar Questions

  • Can I connect two computers with media center

    I have two laptops running windows 7 and an xbox 360. I tried to connect the two to the 360 to watch the videos stored on the two but unfortunately I found, I can connect only one at a time, I'm now trying to see if I can connect the two laptops with media center and access to both of my xbox using the an already established connection. Can anyone help?

    one at a time and connect a second pc, you must remove the
    WMC Extender and remove the pc to the Xbox interface association.
     
     
    Barb
     
     
     
     
    Please mark as answer if that answers your question
     
     
     
     
  • How can you play Blu Ray with Media Center?

    I'm reading Blu Ray discs with media center, but it will give me only the error message that they are not supported.  How can I me media center to use powerDVD or another program to read?

    Thank you very much

    PowerDVD will not integrate with WMC (assuming that you have a BD - Rom drive installed).  You may have more luck with WinDVD 9 which integrates with Media Center.

  • Can burn only one song with media player, even when there is still room on the disc

    whyone song on my record made windows media media media player burn and burn no more when the disc still has plenty of room in it burns only one song and it wont born more disk

    Hello charleyshehor,

    Try to burn the data to a new CD - R or CD - RW as Windows Media Player 11 does not support multisession recording.

    For more information about adding data to a multisession CD - R or CD - RW and burning a DVD in Windows Media Player, please visit the links below:

    http://support.Microsoft.com/kb/927814

    Burn a CD or DVD in Windows Media Player: frequently asked questions

    I hope this information is useful.

    Thank you

  • How can I broadcast menu items with equal spaces between words?

    Hello, I use the feature of automatic menu of Muse with words in boxes centered menu, which creates irregular spaces between the words. Is it possible to bring up the menu with equal spaces between the actual words?

    Thank you.

    Screen Shot 2015-09-30 at 17.40.41.png

    Yes, in the properties of menu select 'uniform spacing.

  • Images of sensitive background with Media Queries

    Hello

    I am creating a mobile Web site in Dreamweaver and want to use a picture that will change with different device widths.  I use queries of media with background images.  My problem is that, so that background images to display, I need to assign a height to the div.  When the image is reduced height static rest, leaving the white space below.  So it will be below the image space white sink and look bad.  Is it possible to use several images with queries media bearing sensitive height?  Thank you!

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

    {#mainImage}

    background-image: url (.. / images/mainImageLarge.jpg);

    background-repeat: no-repeat;

    background-position: top center;

    background-size: 100%;

    height: 272px;

    border-top-width: 3px;

    border-top-style: solid;

    border-bottom-color: #FFF;

    }

    }

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

    {#mainImage}

    background-image: url (.. / images/mainImageMed.jpg);

    background-repeat: no-repeat;

    background-position: top center;

    background-size: 100%;

    height: 107px;

    border-top-width: 3px;

    border-top-style: solid;

    border-bottom-color: #FFF;

    }

    }

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

    #mainImage img {}

    background-image: url (.. / images/mainImageSmall.jpg);

    background-repeat: no-repeat;

    background-position: top center;

    background-size: 100%;

    height: 150px;

    border-top-width: 3px;

    border-top-style: solid;

    border-bottom-color: #FFF;

    }

    }

    As in this example:

    http://ALT-Web.com/FluidGrid/fluid-4.html

    METHOD:

    Insert 2 images - one for desktops and one for mobile.  Assign classes to each image.

    class = "desktop" src = "desktop_image.jgp" / > "

    class 'mobile' = src = "mobile_image.jpg" / >

    In your CSS, use display: no and display: block to show/hide.

    .desktop {}

    Display: block;

    }

    .mobile {}

    display: none;

    }

    / Special rules for mobile devices * /.

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

    . Desktop {display: none}

    .mobile {display: block}

    }

    Feel free to put your break points however you like.

    Nancy O.

  • Problems with media queries

    I gave my picture a 3 image class and set the width as 100% block and display with a margin of 1% and then down I was devoted to questions from the media and changed the width of block inline display of 49%, 1% margin on the left and left float and there is no change in the browser below is the code

    <! doctype html >

    < html >

    < head >

    < meta charset = "utf-8" >

    < meta name = "viewpoint" content = "width = device-width, original scale = 1.0" >

    < title > Austalia | Home < / title >

    " < link href =" https://fonts.googleapis.com/CSS?family=Raleway:400,300 "rel ="stylesheet"type =" text/css"> "

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

    < / head >

    < body >

    < nav class = "nav" >

    < ul >

    < li > < a href = "index.html" > Australia < /a > < /li >

    < li > < a href = "placestosee.html" > places to see < /a > < /li >

    < li > < a href = "thingstodo.html" > Things to Do < /a > < /li >

    < li > < a href = "planyourtrip.html" > plan your visit < /a > < /li >

    < /ul >

    < / nav >

    < div class = "header" >

    "< img src =" images/1200lagoons.jpg"alt =" "width ="1200"height ="200"class ="image1"/ >

    < h1 class = "h1" > Discover Australia < / h1 >

    < / div >

    < h2 class = "h2" > welcome to Australia < / h2 >

    < div class = "video-wrapper" >

    < div class = 'container-video' >

    " < iframe width ="560"height ="315"src =" https://www.YouTube.com/embed/vUF7ja9ehIs "frameborder ="0"allowfullscreen > < / iframe > "

    < / div >

    < / div >

    < div class = "maincontent1" >

    aquatic and coastal experiences unique to the Australia of Discover < h2 > < / h2 >

    < p > Australia is not just a place you see, it's a place feel you < /p >

    < / div >

    < h3 class = "h3" > what's new in Australia < / h3 >

    "< img class ="image2"src =" images/cruiseboat1.jpg"alt =" "width ="480"height ="240"/ >

    < img class = "3" src = "images/480winery.jpg" width = "480" height = "240" alt ="" / > "

    "< img class ="image4"src ="images/biddlecombe1.jpg"width ="480"height ="240"alt =" "/ > < img src =" images/480chineseyear.jpg "width ="480"height ="240"class ="picture5"alt =" "/ >

    < img src = "images/foodforaging1.jpg" width = "480" height = "240" class = "image6" alt ="" / > "

    < h4 class = "h4" > Australian holiday ideas < / h4 >

    < img src = "images/coast1..." "jpg" alt ="" width = "480" height = "240" class = "image7" / >

    < img src = "images/ad1.jpg" width = "480" height = "240" class = "image8" alt ="" / > "

    "< img src =" images/outback1.jpg"alt =" "width ="480"height ="240"class ="image9"/ >

    "< img src =" images/nat1.jpg"alt =" "width ="480"height ="240"class ="image10"/ >

    < img src = "images/walkaust1.jpg" alt = "image11" width = "480" height = "240" class = "image11" / > "

    "" < img src = "images/threeday1.jpg" alt ="" width = "480" height = "240" class = 'image12' / > < img src = "images/48hour1.jpg" alt ="" width = "480" height = "240" class = "image13" / >

    "" < img src = "images/threeweek1.jpg" alt ="" width = "480" height = "240" class = "image14" / > < img src = "images/selfdrive1.jpg" alt ="" width = "480" height = "240" class = "image15" / >

    "< img src =" images/600abo1.jpg"alt =" "width ="600"height ="240"class ="image16"/ >

    < h4 class = "h4" > @Australia < / h4 >

    "< img src =" images/dolphins.jpg""alt ="" width = "480" height = "240" class = "image17" / >

    < img src = "images/grampians.jpg" width = "480" height = "240" class = "image18" alt ="" / > "

    < img src = "images/capelitrap.jpg" width = "480" height = "240" class = "image19" alt ="" / > "

    < img src = "images/heartreef.jpg" width = "243" height = "240" class = "image20" alt ="" / > "

    < img src = "images/quayrestaurant.jpg" width = "480" height = "240" class = "image21" alt ="" / > "

    < footer class = 'footer' >

    < nav class = 'navi' >

    < ul >

    < li > < a href = "index.html" > Australia < /a > < /li >

    < li > < a href = "placestosee.html" > places to see < /a > < /li > ""

    < li > < a href = "thingstodo.html" > Things to Do < /a > < /li > ""

    < li > < a href = "planyourtrip.html" > Plan Your Trip < /a > < /li > ""

    < /ul >

    < / nav >

    < / footer >

    < / body >

    < / html >

    @charset "utf-8";

    . Header {}

    }

    . NAV {}

    background-color: #3A 8879.

    Width: 288%;

    padding-top: 3%;

    padding-bottom: 2%;

    margin-top:-3%;

    margin left:-6%;

    }

    . NAV ul li {}

    text-decoration: none;

    display: inline;

    padding-right: 2%;

    text-align: center;

    padding-left: 2%;

    }

    ul li a {}

    color: #FFFFFF;

    text-decoration: none;

    do-family: "Raleway", without serif.

    line-height: normal;

    do-size: 1em;

    }

    {.image1 .header

    Width: 104%;

    left margin:-2%;

    position: absolute;

    left: 0%;

    z-index: 0;

    font size: 1.5em;

    }

    {.h1 .header

    position: absolute;

    color: #FFFFFF;

    top: 17%.

    left: 34%;

    do-family: "Raleway", without serif.

    font size: 1.25em;

    }

    . H2 {}

    text-align: center;

    do-family: "Raleway", without serif.

    do-size: 1em;

    color: #272525;

    top of the margin: 48%;

    }

    . H3 {}

    text-align: center;

    do-size: 1em;

    top of the margin: 96%;

    }

    {.h4}

    text-align: center;

    color: #585050;

    font size: 1.75em;

    }

    {#h3}

    text-align: center;

    color: #121111;

    font size: 1.5em;

    }

    . MainContent {} .h2

    text-align: center;

    Color: #000000;

    top of the margin: 63%;

    do-family: "Raleway", without serif.

    do-size: 1em;

    }

    {.maincontent1}

    text-align: center;

    position: absolute;

    left: 5%;

    background-color: #EFECD1;

    top of the margin: 39%;

    Width: 92%;

    }

    .maincontent1 h2 {}

    do-size: 1em;

    text-align: left;

    padding-left: 4%;

    do-family: "Raleway", without serif.

    }

    .maincontent1 p {}

    padding-left: 4%;

    text-align: left;

    }

    video-container {}

    position: relative;

    padding-top: 30px;

    height: 0;

    overflow: hidden;

    padding-bottom: 56.25%.

    }

    . Video-container iframe,

    .video-container object,

    . Video-container incorporate {}

    position: absolute;

    high: 56%;

    left: 5%;

    Width: 92%;

    height: 43%;

    }

    {.image2}

    Width: 104%;

    }

    {.image3}

    max width: 104%;

    display: block;

    }

    {.image4}

    max width: 104%;

    display: block;

    }

    {.image8}

    }

    {.image5}

    margin-bottom: 2%;

    }

    {.image6}

    }

    . H3 {}

    }

    {.image7}

    margin-bottom: 1%;

    top of the margin: 2%;

    }

    {.image8}

    margin-bottom: 1%;

    }

    {.image9}

    margin-bottom: 1%;

    }

    {.image10}

    margin-bottom: 1%;

    }

    {.image11}

    margin-bottom: 1%;

    }

    {.image12}

    }

    {.image13}

    margin-bottom: 1%;

    }

    {.image14}

    margin-bottom: 1%;

    }

    {.image15}

    margin-bottom: 1%;

    }

    {.image16}

    margin-bottom: 2%;

    left margin: 0%;

    }

    {.image17}

    margin-bottom: 1%;

    }

    {.image18}

    margin-bottom: 1%;

    }

    {.image19}

    margin-bottom: 1%;

    }

    {.image20}

    margin-bottom: 1%;

    Width: 104%;

    }

    {.image21}

    margin-bottom: 1%;

    }

    .footer {}

    background-color: #3A 8879.

    Width: 105%;

    padding-top: 1%;

    padding-bottom: 1%;

    margin left:-1%;

    margin-bottom:-1%;

    }

    .footer .navi {}

    list-style-type: none;

    text-align: center;

    }

    . Navi ul li {}

    display: inline;

    padding-right: 2%;

    }

    . H3 {}

    text-align: center;

    do-family: "Raleway", without serif.

    Color: #000000;

    }

    @media screen and (orientation: portrait) and (min-width: 768px) {}

    {.image3}

    right margin: 1%;

    margin-bottom: 1%;

    Width: 49%;

    display: inline;

    float: left;

    }

    {.image4}

    Width: 49%;

    }

    }

    You have NOT set .image3 to 100% you have set it to 480px in code. Delicate design does not work like that. If you want the image to be sensitive so you do not set a line of width/height.

    You must change this:

    To do this:

    And this:

    {.image3}

    max width: 104%;

    display: block;

    }

    To do this:

    {.image3}

    max width: 104%;

    height: auto;

    }

    In your code you also have an additional "after .jpg '.

  • Can't hide from the elements without/with jQuery

    I created new Addon for my Firefox I use myself, but can't get it hide items with or without jQuery. It does not matter at all to use jQuery together.

    XUL file creates the toolbar with a button that have "oncommand ='Unlock ()" "" and it also includes the .js file that have function Unlock()

    Well. in any case, I think that my default files has been implemented correctly, because I have "alert ('Starting...');" before the line item to hide and he says 'go '. "with alert, but after that it is not made effects for the element in the example 'idofelement '.

    js file contains "document.getElementById('idofelement').style.visibility ="hidden"
    I tested different types of methods that hide the element in the example style.display = 'none', but none of them works.

    He always says 'go '. "so he runs the function properly, but nothing happens after that.

    Found the solution. I googled this for several days, but did not find a solution. Just used keywords "firefox addon getelementbyid" and selected "disorders" with it and found the solution. I had to use:

    content.document.getElementById ("id") so in other words I had to add the word 'content' in the front of the document.

    Thank you!

  • I can't play DVD's with Windows Media Player because no compatible DVD decoder is not installed on my computer

    Original title: Windows Media Player

    I can't read the dvd with Windows Media Player... it says

    Windows Media Player cannot play this DVD because no compatible DVD decoder is not installed on your computer.

    What can I do to make it work... and I don't want to pay for another program.

    Thank you.

    Can not read the DVD in the drive Media of Windows XP
    ====================================

    Running the following command may be worth a try:

    Reach... Start / run... and type or copy / paste:

    regsvr32 jscript.dll

    Press on... Come in

    You should see the following dialog box:

    DllRegisterServer in jscript.dll successful / OK

    No luck?... read more...

    FWIW... Win XP cannot natively recognize Commercial
    DVD video... it requires a DVD decoder.

    If you could play before commercial video DVD...
    do a system restore to a time before this started
    may be your solution.

    (306084) how to restore Windows XP to a
    previous state
    http://support.Microsoft.com/?kbid=306084

    Or you could buy a DVD decoder at the following link:

    (FWIW... it's always a good idea to create a system)
    Restore point before installing software or updates)

    (948247) how to set a system restore
    point in Windows XP
    http://support.Microsoft.com/kb/948247

    Info about DVD decoders:
    Plug-ins for Windows Media Player
    http://Windows.Microsoft.com/en-us/Windows/downloads/Windows-Media-Player/plug-ins

    Or you can download and use one of the following
    freeware multimedia players:

    VLC Media Player
    http://www.filehippo.com/download_vlc/
    (works on XP/Vista/7)
    (name of the file to download: vlc - 2.0.1 - win32.exe)

    Media Player Classic Home Cinema
    http://MajorGeeks.com/Media_Player_Classic_Home_Cinema_d6213.html
    (works on XP/Vista/7)
    (name of the file to download: MPC - HomeCinema.1.6.1.4235.x 86 .exe)

    Or... you can try to download and install the
    Following Codec Pack.

    (FWIW... it's always a good idea to create a system)
    Restore point before installing software or updates)

    * Proceed at your own risk *.

    K - Lite Codec Pack (full)
    http://www.filehippo.com/download_klite_codec_pack/
    (Win XP / Vista / Win 7-32 bit and 64 bit)

    Good luck...

  • I am trying to sync my ipod with my windows media player and when I connect my ipod windows media play is not read. How can I sync my ipod with windows media player?

    I am trying to sync my ipod with my windows media player and when I connect my ipod windows media play is not read. How can I sync my ipod with windows media player?

    Hello

    Your MP3 player should have 2 settings - MSC that should allow the player to be used as a
    external drive and PSG that is the parameter to use to sync with WMP11. Remove the MP3
    and restart the computer. Change the MP3 in MTP mode - it power off and plug it in.

    I hope this helps.
    Rob - bicycle - Mark Twain said it is good.

  • Can I reformat a computer with vista media center edition on it and thenperform a new installation of xp? I don't like vista?

    Can I reformat a computer with vista media center edition on it and then perform a new installation of xp? I don't like vista and want to go back to xp.

    Hello

    If you have an XP disk and license, you can go back to XP

    but make sure that the manufacturer of your computer has XP drivers available for this model computer

    If you have not an XP license try to buy one at a computer repair shop

    you boot from the XP disc and format in this way:

    to boot from the dvd drive to be able to you will see a way to get into the bios Setup at the bottom of the screen or command menu start

    It would be F2 or delete etc to enter the BIOS or F12 etc. for the start menu

    Change boot order it do dvd drive 1st in the boot order

    http://helpdeskgeek.com/how-to/change-boot-order-XP-Vista/

    How to perform a clean Installation of Windows XP - Part 1 of 4

    http://pcsupport.about.com/od/OperatingSystems/SS/instxpclean1.htm

  • Can't import r3d with media browser

    Hello

    I updated my system for Mac El Capitan 10.11.4 and first to 9.2.0 (41) Build.

    I had a project that I did before the update. I saved a new course prproj file. But I can´t import new files with the media browser r3d. If I go in the folder, even the Red folders are not available and the files are not displayed. Except for one. Here are the Red Dragon 6 k files. Never had this before. If I drag and drop them, it works. But this isn't the way I want to import.



    UPDATE: this i only in a single folder. I can see all the other files from other projects and all of the r3d files. Very strange.

    Actually, I figured out that particular app called "Compare files" do not have access to any folder on mac. But I can't find how to give permissions to application to work on this problem.

    Does anyone have a solution?

  • can I use my 11 with my first 10 items

    Can I use my 11 with my first 10 items

    They will operate as separate but applications will not be integrated through the organizer and you will not be able to output directly from PSE to PRE for example when creating a slide show.

  • [ADF, JDev 12.1.3] How to hide menu items based on the logged in user

    Hallo,

    When the user logs on successfully, the applitacions led him to the main.jspx page.

    The main.jspx page has a menu bar that contains all of the available menus, submenus and menu items.

    After the connection, when the main.jspx page loads I would hide all the menus, submenus and menu items that the user is not qualified to see/use (I read the database).

    You kindly tell me which is the way the cleaner to achieve?

    Thank you

    Federico

    user10709360 wrote:

    Hello rohanwalia,

    Sorry, but I need more help

    I guess that the solution is to create a method in the AM who - reading form the database - returns a structure that indicates for each menu item should be visible or hidden.

    • How can I use the data returned by this method?
    • I call in a managed bean specifically dedicated to the management of the menu? Can I also use the already existing media bean, I created for the page?
    • What scope should have the bean?
    • Don't you think that it is better to define a 'visible' variable Boolean (initilized depending on the result of the AM method) for each menu item and how to bind the Visible property of each menu item to the variable respective in the bean in the bean?
    • Or I can loop the result of the method AM setting the Visible property of the menu items? In this case, I guess that all the menu items must be mapped into the bean by user interface variable. Am I wrong?
    • Is it not possible to write a method which, of the AM directly, hide the menus not necessary on the page (so without using a bean)?
    • In general, which are the correct always to hide menu items:
      • (1) before the page is sent to the browser (as "I can do it with PHP);
      • (2) once the page is loaded in the browser (as I can do it with JavaScript)?

    If you could give me some more detailed advice... I would be very happy.

    Thank you

    Federico

    (1) its best to make the treatment inside the method. You can return the parameters as normal java method.

    (2) Yes, you can use bean already exists in the project. But better to create a separate bean for this task of menu.

    (3) scope should be request unless you need to persist the attributes between requests.

    (4) Yes it is possible. You can define and initialize a Boolean variable with the results you get from the table based on the menu items should be made visible.

    (5) If you use the approach to point 4, then also you have to loop through the table menu items and set Boolean variables of bean. Yes you are right for the second part.

    (6) I'm not sure about this approach. How will you map it to your menu mode. It takes research.

    (7) before the page is loaded. I share with you links in above post with which you can do this.

    I hope this helps.

    Thank you

  • Why Windows keep moving & hide my files with me?

    original title: make him stop, please stop! Why Windows keep moving & hide my files with me?

    Windows Vista using Media Player 11:

    I am way in music and want to have recorded and named in a certain way.  Sometimes in windows 'Explorer' I group songs into folders according to the albums I create (i.e. mixtures of burning); in this case, I'll keep the names from the same artist and change the name of the album (in properties) that I chose.  As soon as I click on the folder 'Explorer' moves it somewhere, I don't think.  Sometimes things end up in the trash that I know does not recycle.  It also renames my files.  For example, I had a song that I had saved the name of the file is: 01 History.wma; and the rest of the info has been saved in the properties (Album, artist, track number, etc.).  As soon as I turn my head the computer renames it to something that looks like this: 01HistoryAtmosphereSevensTravels - UndergroundRap.wma.  Why it does this and how can I stop it?

    Hello

    ·         It only happens with music files?

    ·         When the issue started?

    Step 1: Run Virus scan.

    Try to scan the computer using Antivirus software because this problem can occur if the computer is infected with the virus. You can do an online scan by clicking on the link http://onecare.live.com/site/en-us/default.htm and clicking on the analysis of a complete Service and accept the agreement.

    Step 2: Rebuild the data base of the media player.

    Follow the steps in http://support.microsoft.com/kb/925718

    Diana

    Microsoft Answers Support Engineer

    Visit our Microsoft answers feedback Forum and let us know what you think.

    If this post can help solve your problem, please click the 'Mark as answer' or 'Useful' at the top of this message. Marking a post as answer, or relatively useful, you help others find the answer more quickly.

Maybe you are looking for