Sidebar on Mobile

  • Resolved Anonymous User 15230060

    (@anonymized-15230060)


    8 years, 3 months ago

    After playing around with the CSS of Twenty Seventeen for the last two days, I’m finally getting somewhere with customization, but then I checked the formatting on my phone, and well…

    https://[redacted].com/wordpress/wp-content/uploads/2016/12/FullSizeRender-1.jpg

    My last theme put the sidebar at the bottom of the blog entries automatically. Granted, that was because it was a responsive theme, but I’m sure there has to be an override that can direct the sidebar to move when the screen is not large enough. I’ve searched for the last two hours on google, but the solutions I found haven’t changed the formatting at all.

    Is there any way to move the sidebar for mobile view?

    • This topic was modified 8 years, 3 months ago by Anonymous User 15230060.
    • This topic was modified 3 years, 11 months ago by Dion Hulse.
Viewing 4 replies - 1 through 4 (of 4 total)

  • the problem is most likely caused by your custom CSS:

    .has-sidebar:not(.error404) #primary {
		float: left;
		width: 68%;
	}

	.has-sidebar #secondary {
		float: right;
		padding-top: 0;
		width: 25%;
	}

    this section should ideally by wrapped in a @media query;

    example:

    @media screen and (min-width: 48em) {
	.has-sidebar:not(.error404) #primary {
		float: left;
		width: 68%;
	}

	.has-sidebar #secondary {
		float: right;
		padding-top: 0;
		width: 25%;
	}
}

    I have not checked any other of your custom CSS if they could cause similar issues…

    Thread Starter Anonymous User 15230060

    (@anonymized-15230060)

    Yes, that did the trick! Thank you!

    hello dear both hello dear ajadraws and Michael,

    this is a very intersting thread. I am a big big fan of the new theme. Today ive downloaded the new Version of WP 4-7 and i played a bit with the new theme – 2017.

    can we admit that this theme is fully responsive – in other words does it work propperly on a mobile phone?

    greetings say

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    @say_hello, The theme is responsive and if people have issues we encourage them to create a thread on the support section: https://www.ads-software.com/support/theme/twentyseventeen#new-post

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