Modifying the small screen settings, part II

  • Hi

    I’m wondering if there is some way to make div.yui-b:nth-child(2) disappear from view, but ONLY on small screens?

    Now that the mobile menu is functional, I only need div.yui-b:nth-child(2) on ordinary screen sizes (when the mobile menu is not in use).

    gestaltudvikling
    As you will see, my small screen settings pushes div.yui-b:nth-child(2) to the bottom of the interface, where it serves no purpose. But I obviously want to keep it intact on larger screens.

Viewing 6 replies - 1 through 6 (of 6 total)
  • Theme Author nobita

    (@nobita)

    Hi

    Your means

    PC views default sidebar hide.
    Small screen ( 640px> screen width ) default sidebar show ?

    div.yui-b:nth-child(2){
    border:1px solid red;
    display:none;
}
.yui-t2 #yui-main .yui-b{
    margin-left:10px;
}
@media screen and (max-width : 640px){
    div.yui-b:nth-child(2){
        width:100%;
        display:block;
    }
    .yui-t2 #yui-main .yui-b{
        margin-left:0;
    }
}

    Thank you.

    Thread Starter Res2

    (@res2)

    Ah, no.

    Just the opposite, in fact?
    I mean: “PC views default sidebar show. (as usual)
    Small screen ( 640px> screen width ) default sidebar HIDE”
    And is this in style.css?

    Thread Starter Res2

    (@res2)

    Also, the links to specific articles in the @media screen now contain the author name. That is a mess. Why does it do that?

    Thread Starter Res2

    (@res2)

    And, there’s a space between the mobile menu and the white area.
    How do I call that (to display none)?

    Thread Starter Res2

    (@res2)

    Ah, I achieved what I wanted for the left sidebar and the vcard, by modifying on your suggestion, thanks

    @media screen and (max-width : 640px){
	.lsidebar, span.author.vcard{
        	display: none;
	}
}

    I still need help removing the space between the mobile menu and the white area @media screen. I cannot locate what does that?

    Theme Author nobita

    (@nobita)

    black space ?

    maybe

    @media screen and (max-width : 640px){
  #bd{
	margin-top:-13px;
  }
}

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Modifying the small screen settings, part II’ is closed to new replies.