Mobile mode

• 

  ricouncil · Member · Feb 13, 2015 at 1:06 pm

  • Copy link
  • Add topic to favorites

  I did some custom CSS and I did not check the apply to mobile box neither did I activate the sela theme for mobile design but in mobile mode both sela and the custom css are activated. Why? Blog is https://ristudentscouncil.wordpress.com/

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

• 

  shawnajroberts · Member · Feb 13, 2015 at 5:37 pm

  • Copy link

  I’m having a hard time finding exactly what your custom CSS is hiding. Can you link me to a specific post that has the type of content that is being targeted by the opacity:0; in your code?

  The Sela theme is what we call “mobile-ready” and responsively designed, which means that it is optimized for viewing on all browser sizes. The theme will automatically rearrange itself so that its easy to view and navigate on mobile devices.

  The check box to include your Custom CSS in mobile only applies to the CSS code you explicitly include in the CSS editor. And the mobile theme available at Tools > Mobile is for this theme:

  http://en.support.wordpress.com/themes/mobile-themes/

  You can use this theme if you don’t like the look of your responsive theme, or if your chosen theme is not a responsively designed one.

• 

  ricouncil · Member · Feb 14, 2015 at 12:43 am

  • Copy link

  Thanks!

• 

  ricouncil · Member · Feb 14, 2015 at 1:02 am

  • Copy link

  I want to deactivate the sela theme and the custom css Ive written for the mobile theme. But the check box for enable mobile theme doesnt seem to be hiding the formatting.

• 

  ricouncil · Member · Feb 14, 2015 at 1:02 am

  • Copy link

  I want to deactivate the sela theme and the custom css Ive written for the mobile theme. But the check box for enable mobile theme doesnt seem to be hiding the formatting.

• 

  shawnajroberts · Member · Feb 14, 2015 at 1:07 am

  • Copy link

  Are you trying to enable the mobile theme instead? The CSS you include in the CSS pane is applied to the theme as a whole. In order for it not to affect the mobile view, you’ll need to add a media query. Try this:

  @media screen and (min-width:800px) {
  	#primary .entry-header, #primary .entry-content, #primary .entry-summary {
  		width: 800px;
  	}
  }

  Does that do what you want?

• 

  ricouncil · Member · Feb 14, 2015 at 7:12 am

  • Copy link

  Yes it does thanks so much!!!

• 

  staff-ozmodiar · Staff · Feb 15, 2015 at 2:40 am

  • Copy link

  Glad we could help!