Help fitting widget menu to mobile view

• 

  thementalupdate · Member · Feb 23, 2018 at 1:14 pm

  • Copy link
  • Add topic to favorites

  My widget menu that appears on the side of my content of the desktop view looks good, but when its underneath on the mobile view is not fitting correctly. When I edit it with the tools on the desktop customization it looks fine, but when loaded on my phone it looks different. Does anyone know a good fix to this issue. The text looks like it is only hanging to the left side on the mobile view.

  The blog I need help with is: (visible only to logged in users)

• 

  stefbarz · Member · Feb 23, 2018 at 1:35 pm

  • Copy link

  Hi there!

  I’m sorry but you have posted on the wrong forum! It looks like you need help with a self-hosted WordPress.org site (hosted By Bluehost). These forums are for sites hosted on WordPress.com.

  For information on the differences between the two, please check this support page here:

  WordPress.com vs. WordPress.org

  For WordPress.org support, you can visit:

  https://wordpress.org/support/

  You’ll need a free WordPress.org account to post – if you don’t already have one, you can register here:

  https://wordpress.org/support/register.php

  Be sure to provide a link to your site when you post so people can help you more easily.

  Since your site is connected to Jetpack, for Jetpack support you can contact:

  Contact Support

  In general, you can find all the documentation for WordPress.org (lessons, troubleshooting, etc.) here:

  https://codex.wordpress.org/Main_Page

  I see you are using Twenty Seventeen, you can find the specific support in the forum for your theme here:

  https://wordpress.org/support/theme/twentyseventeen/

  And this is your theme support guide:

  https://codex.wordpress.org/Twenty_Seventeen

  Hope this helps!

• 

  kathrynwp · Staff · Feb 23, 2018 at 9:34 pm

  • Copy link

  You’ve added custom CSS that’s overriding the theme’s responsiveness, making columns too narrow on mobile. This declaration in particular is making your sidebar too narrow:

  .has-sidebar #secondary {
  width: 26% !important;
  }

  To get help achieving what you’re after please post in the Twenty Seventeen forum that was posted above:

  https://wordpress.org/support/theme/twentyseventeen/

  Be sure to explain what you were trying to do so folks can help you better. Good luck!