Hide sidebar

  • Resolved Anonymous User 13889996

    (@anonymized-13889996)


    10 years, 8 months ago

    Hi Ben! Can I disable sidebar in mobile view? It appears at the end of the post and visitors needs to scroll so much.

    Thanks for your help,

    Pablo.

Viewing 4 replies - 1 through 4 (of 4 total)
  • .

    (@techievous)

    Try this:

    @media (max-width: 899px) {
	.sidebar-primary-container {
		display:none;
	}
}

    Hey there.

    Not sure if there is a theme option there, but you could use this CSS:

    @media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: landscape)  {
	.sidebar-primary-container {display:none;}
}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: portrait) {
	.sidebar-primary-container {display:none;}
}

    This will let you do different things based on the orientation of the screen. Currently the CSS will simply hide it from display.

    It targets a screen size between 320px and 480px

    Hope this helps.

    Thread Starter Anonymous User 13889996

    (@anonymized-13889996)

    Thank you, Timothy. It works!

    Awesome, that’s what I love to hear! ??

    Have a great day!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Hide sidebar’ is closed to new replies.