Not Mobile Phone Friendly

chuckruhsonic
(@chuckruhsonic)

8 years, 1 month ago

First of all, before i realized there is a forum for this Theme, i contacted Carolina personally and she was so kind to reply very quickly, even it was saturday. (Applause)
Seems she really cares.

The Theme seems to work great on PC, but i have two major problems on mobile phone:

1. The Header mess up

As suggested by Carolina on another topic i tried this in the CSS Section:

@media screen and (max-width: 782px) {
.site-header {
display: inline-block;
}
.responsive-site-title,
.responsive-site-description{
display:none;
}
}

But this time, i got two logos. Site title and site description is set to display: none; but still showing, allthough not fully.
I have three widgets in the Header and only the first show up.

2. The Social Link icons dissapear completly in the top menu, even in the Footer.

3. Not a major problem, but a little one is, that some menu links hide (into the menu button) and two links don´t. I would rather have them all hided in the menu button.
As it is right now, users may think there are no more links and maybe don´t press the menu button.

My Questions for Mobile Phones:

1. is there a chance to display the header with only ONE Logo 🙂 and without site title and description? The Code above didn´t help.

2. any chance that the three widgets display one underneath the other?

3. how can i make the social link icons appear, at least in the footer?

4. How can i make that all top navigation menu links hide into the menu button, instead just showing two of them?

I really appreciate every help, cause i really love this Theme.

I am a WP newbie btw. 🙂

The page I need help with: [log in to see the link]

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

Theme Author Carolina Nymark
(@poena)

8 years, 1 month ago

Hi
I can’t reproduce the issue with the logos and the footer social menu.

There is no code in the theme that would hide the footer social menu, have you also tried disabling your plugins?

Have you made any other changes via the custom css option?

Thread Starter chuckruhsonic
(@chuckruhsonic)

8 years, 1 month ago

I disabled all other plugins now, but same issue as described above. No changes at all.
No other changes in the CSS. I deleted the code after testing, because of the issues explained above.

Thread Starter chuckruhsonic
(@chuckruhsonic)

8 years, 1 month ago

Hi Carolina? Do you use an iPhone? 🙂
It seems to be an Android problem.
I checked it on my Buddys iPhone and all Social Links are perfectly in the Footer.

Sadly i had deleted the CSS, so i don´t know how the rest of the problems behave on the iPhone. But i strongly assume, that all the Problems i described above is an Android,… i don´t know… Bug?

Tested even on an old Android 2.3.4 Phone. No Social Link Icons but instead the characters are visible. On my Android 4.4.2 like is said, still not visible.

Theme Author Carolina Nymark
(@poena)

8 years, 1 month ago

Hi
No, I use a samsung galaxy 6 with android 7.0 and chrome, and when I look at your site I see the social links in the footer.

When I view your site on my ipad I also see the footer links.

Theme Author Carolina Nymark
(@poena)

8 years, 1 month ago

Not to be rude but perhaps your phone is too old
https://caniuse.com/#search=Svg

Thread Starter chuckruhsonic
(@chuckruhsonic)

8 years, 1 month ago

Hahahaha. Indeed. My phone is waaay too old. 🙂

What confuses me, on an Android 2.3.4 i saw the link texts instead of buttons.
But my Android (4.4.2) is not THAT old and i can see nothing. 🙂
Maybe i will get a solution otherwise.

But thanks for bearing with me and trying to help.

May i ask:

1. Any chance to test and insert other social plugins on the Top Menu Bar? How would i do that?

2. (FOR MOBILE PHONES) How can i make that all top navigation menu links hide into the menu button, instead just showing two of them (Home, About)?
Theme Author Carolina Nymark
(@poena)

8 years, 1 month ago
Hi
I have never tested any social menu plugins so I can’t help you with that.

To hide all menu items when the menu button is visible, add this code to the custom css option (or your child theme)
```
@media screen and (max-width: 782px) {
	.main-navigation ul li{
		display: none;
	}
}
```

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

The topic ‘Not Mobile Phone Friendly’ is closed to new replies.

Tags