Mobile Theme

Resolved mrmccarrin
(@mrmccarrin)

8 years, 10 months ago
Hi – I am using jetpack for the mobile theme on my website, http://www.pearsonkoutcherlaw.com, and it works great. However, I just realized yesterday that anything I put into Appearance – Edit CSS to edit my mobile theme is showing up in my websites source code. Is that effecting my listing in google search results? I removed the css and tried going to my editor to add .mobile-theme to the front of my css elements I wanted to apply to my mobile theme. Example:
```
.mobile-theme #content h1 {
	color: #263248;
	border-bottom: 1px solid #9a8955;
	border-bottom: 1px solid #036;
	color: maroon;
	line-height: normal;
	padding: 0;
	margin: 0 0 20px;
	text-transform: uppercase;
	font-size: 22px;
}
```
However, it did not work and is not styling my mobile theme. Could you advise me on what I have done wrong?

Thanks,

Megan

https://wordpress.org/plugins/jetpack/

Viewing 6 replies - 1 through 6 (of 6 total)

Thread Starter mrmccarrin
(@mrmccarrin)

8 years, 10 months ago

I want to add that I also tried deactivating custom css in the settings of the jetpack pluggin to see if that was affecting my css and that did not work.

Thanks again,

Megan

Thread Starter mrmccarrin
(@mrmccarrin)

8 years, 10 months ago

I have now figured out that I need to use .mobile-theme in the custom css that comes with the jetpack plugin to apply changes to my mobile theme. However, I am concerned about all the css using this plugin’s custom css template puts in my source code. Is this going to affect my SEO? Please advise.

Thanks,

Megan

Plugin Author Jeremy Herve
(@jeherve)

Jetpack Mechanic 🚀

8 years, 10 months ago

Is this going to affect my SEO?

That shouldn’t be an issue. Search Engines won’t really care if you add an extra stylesheet to your site, as long as that doesn’t impact your site’s loading speed. That shouldn’t be an issue on your site; since you’ve added very little custom CSS, the code is actually added inline, and consequently doesn’t even require that your readers (and search engines) load an extra file when loading the page.

Thread Starter mrmccarrin
(@mrmccarrin)

8 years, 10 months ago

Great, thank you for letting me know. I just have another question and I apologize if it is a dumb question, I am new at this, but can you tell me how to add an extra style sheet to affect the mobile theme only or is the little custom css that I added inline what you are referring to as an extra style sheet. I am just still a little unclear how this all comes together?

Thank you for your time.

Megan

Plugin Contributor csonnek
(@csonnek)

Happiness Rocketeer 🚀

8 years, 10 months ago

You don’t need to add a second CSS stylesheet for the mobile theme. By adding it to the Custom CSS Editor that’s part of Jetpack, it adds a few lines of CSS code to your site’s <head> – the “added inline” part Jeremy mentioned above – and is less load intensive than loading a separate CSS file. Again, adding that code into your <head> on page load has a minimal effect on your site’s load times and will have no effect on your SEO.

I hope that clarifies things!

Thread Starter mrmccarrin
(@mrmccarrin)

8 years, 10 months ago

This does clarify things. Thank you for your help 🙂 Have a great day!

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘Mobile Theme’ is closed to new replies.