Also, another couple of mobile issues (sorry!)
1. I’ve added some Custom CSS (display: none) so that the page titles (entry-title) aren’t displayed. However they come back when I view it on a mobile device. What do I need to do to fix this?
2. I had changed the social icons to blue, but again, when I view it on mobile they’re back to the default pink.
I’m sure I’m just missing some basic CSS somewhere but I’m struggling to work out what it could be!
Thanks in advance 🙂
sacredpath
(@sacredpath)
Automattic Happiness Engineer
Hi there, since you didn’t give a link to your site, I’ve worked this out off of the Sela Theme Demo site. To change the color of the menu items on the touch-device menu, add the following CSS and adjust the color as desired.
.main-navigation.toggled a {
color: #555;
}
For your additional two questions, it would be really great to be able to see your site. On the demo site I see nothing that would cause the colors to change on mobile, unless you are using some sort of dedicated mobile theme.
Thank you for getting back to me. I’ve added the CSS above but it hasn’t changed it – the dropdown menu items are still in white until you hover over them.
My link is : http://www.doodlethread.co.uk/
Thanks!
sacredpath
(@sacredpath)
Automattic Happiness Engineer
Thanks much for the link, it is appreciated. Let’s give this a try.
.main-navigation.toggled ul ul a, .main-navigation.toggled ul ul li {
color: #555;
}
Thanks but that doesn’t seem to have made a difference either, sorry! Do you have any other suggestions? 🙂
sacredpath
(@sacredpath)
Automattic Happiness Engineer
Hi there, how are you adding the CSS? It appears you are using a CSS plugin of some sort, am I correct?
Using the web inspector in my browser I added this to, what I believe is your custom CSS file, and it works for me. Can you add the code to your custom CSS and leave it in there so I can see it with my web inspector?
Yes, that’s correct – I’m using a plugin called Simple Custom CSS.
If I deactivate the plugin, I can’t see anywhere within the Sela theme to add to the custom CSS file – this is why I added the plugin in the first place.
Where would the custom CSS file be within the theme itself?
Okay, I’ve figured it out now! 🙂
I hadn’t installed the Jetpack Plugin, but now have. So I’ve copied all of the custom CSS across and it seems to be working now – so all of the issues raised above have been resolved.
Thanks!
sacredpath
(@sacredpath)
Automattic Happiness Engineer
Super, there might be an update that is needed for the Simple Custom CSS plugin. Glad you have gotten it sorted out though. Let us know if you have any further questions.
