Switching off mobile

megfromcdn · Member · Mar 20, 2017 at 2:07 am
Copy link

Add topic to favorites
I have just made the switch to the Sight theme today, it looks great when I on my computer, but when I look at my site on my iPhone or iPad it looks awful! I have tried to disable the mobile theme at: https://canadiandollnotebookcomblog.wordpress.com/wp-admin/themes.php?page=mobile-options but it hasn’t seemed to work.

What I hate about the mobile look is that there is black text on the black slider, which make it impossible to read feature post titles, and for some reason my menu doesn’t drop down so you can read when you are mobile. Also my header image doesn’t show up. I hope someone can help as I love this theme and would hate to have to change again.

The blog I need help with is: (visible only to logged in users)
kokkieh · Staff · Mar 20, 2017 at 7:13 am
Copy link
Hi there,

I see what you mean. The menu issue definitely looks like a bug. The slider headers appear to be related to the colour scheme you selected – if I set the default colour scheme or change only the background colour this doesn’t happen. I’m pretty sure that’s a bug as well.

I’ve reported both issues to our theme developers. They’ll be able to confirm if this is something that can be fixed. We’ll let you know.
megfromcdn · Member · Mar 20, 2017 at 4:25 pm
Copy link
Thank you so much! Also is there anyway to have my header image display on my iPhone?
kokkieh · Staff · Mar 21, 2017 at 7:48 am
Copy link
I see you’d already tried adding some custom CSS to have the header display the way you want. You were on the right track. I just modified what you’d already added and this should do the trick:
```
@media screen and (max-width: 480px) {
	.site-header hgroup {
		width: 100%;
		margin: 20px;
	}
}
```
megfromcdn · Member · Mar 21, 2017 at 3:47 pm
Copy link
Once again, thank you! The header looks great on my iPhone, and the menu works as well. The only hang up now is the black text on the black slider, when I set the background colour to be any other colour but the default black. We are almost there :)
kokkieh · Staff · Mar 22, 2017 at 6:43 am
Copy link
That is a bug that will need to be fixed by our theme developers, but I had a look if I could fix that for now using CSS, and I was able to figure out the code.

Edit the code that you already have so it looks like this:
```
@media screen and (max-width: 480px) {
	.site-header hgroup {
		width: 100%;
		margin: 20px;
	}
  #featured-content .entry-header .entry-meta a, #featured-content .featured-post-content .entry-header .entry-categories a, #featured-content .featured-post-content .entry-title, #featured-content .featured-post-content .entry-title a {
	  color: white;
	}
}
```
The menu is working for me now as well, but we haven’t done anything to fix it yet. Maybe it was a temporary glitch in that case, but I’m glad it’s working now.
megfromcdn · Member · Mar 23, 2017 at 4:12 am
Copy link
Thanks so much for your help, the site is perfect now :) P.S. I had searched through other WordPress forums looking for answers, before I asked you for help… I didn’t come up with the CSS code on my own, thanks for the credit though ;)
kokkieh · Staff · Mar 23, 2017 at 9:04 am
Copy link
I’m glad I could help :)
kokkieh · Staff · Jul 13, 2017 at 7:34 am
Copy link
HI there,

Sorry this took so long, but the underlying problem has now been fixed. So if you remove that custom CSS again it should work now. However, you can leave the CSS in place for as long as you have the Premium Plan – it shouldn’t cause any problems if you leave it.

No items found.