Mobile Display Problem

lovebynour · Member · Nov 12, 2015 at 5:56 am
Copy link

Add topic to favorites
Dears

We have a problem in mobile and ipads as the website top menu links appear on the top of logo and my face as well.

m.lovebyn.com

The blog I need help with is: (visible only to logged in users)
timethief · Member · Nov 12, 2015 at 7:54 pm
Copy link
Gridspace is a clean and modern portfolio theme that is perfect for showcasing vertical, horizontal or square images. Gridspace adapts to different screen sizes so that your website will work (and be optimized for) iPhones, iPads and other mobile devices. Built by photographers, for photographers, Gridspace removes unnecessary clutter and will help put the spotlight back on your content. Check out the live theme demo to see Gridspace in action. http://gridspacedemo.wordpress.com/

The theme is a “Fully Responsive” theme https://wordpress.com/themes/gridspace/

The mobile ready theme is a default theme and a completely different theme that you do not need to enable at all, if your theme is listed as a responsive layout theme here https://theme.wordpress.com/themes/features/responsive-layout/ Its’ provided for those who run older themes that aren’t the gold standard which is responsive layout.

A responsive layout theme adapts to different screen sizes so that your website will work (and be optimized for) iPhones, iPads, Android and other mobile devices. When responsive width themes are viewed on mobiles sidebars appear below the posts in order to provide as much space as possible for reading.

When we use a responsive theme we disable the mobile theme. Go to > Appearance > Mobile and disable the mobile theme

You can read more in the support docs at https://en.support.wordpress.com/themes/mobile-themes/

You can test your site at this link https://www.google.com/webmasters/tools/mobile-friendly/
lovebynour · Member · Nov 12, 2015 at 8:26 pm
Copy link
But the top links still appear on the top header and cover my face and logo as well and that gives a bad view on mobile and ipad too. I’m sure you can support us by finding a way regarding the top menu links.
timethief · Member · Nov 12, 2015 at 8:31 pm
Copy link
Did you disable the mobile theme on this page http://lovebyn.com/wp-admin/themes.php?page=mobile-options like I told you to do?

Yes or no?

If the answer is no then do that now.

If the answer is yes read this support doc https://wordpress.com/themes/gridspace/support/

Need extra help? Visit the Gridspace support forum.
http://premium-themes.forums.wordpress.com/forum/gridspace
lovebynour · Member · Nov 12, 2015 at 8:47 pm
Copy link
Yes and I read the support doc and no feedback regarding the top links so please check my blog through your mobile to get what I mean as you may find the solution accordingly

http://Www.LoveByN.com
timethief · Member · Nov 12, 2015 at 8:52 pm
Copy link
this is how your blog displays in several different devices http://www.responsinator.com/?url=http%3A%2F%2Flovebyn.com%2F
timethief · Member · Nov 12, 2015 at 8:53 pm
Copy link
Please provide this info:
(a) Exactly what kind of device you are using to connect to the internet and to WordPress.com.
(b) Exactly which browser (and version of it) you’re using by checking here if necessary http://supportdetails.com/

I tagged this thread with modlook for Staff to take notice of your issue and feedback. Please subscribe to it so you are notified when they respond. To subscribe look in the sidebar of this thread, find the subscribe to topics link and click it.
supernovia · Staff · Nov 13, 2015 at 7:28 am
Copy link
Hi, the theme doesn’t anticipate a face or a logo there, but you could move the menu down with CSS. This might not be your cup of tea, but it’s an option. That “top: 80px” part will let you move it around as you’d like. Cheers :)
```
@media (max-width:450px) {
	.has-header-image .menu-top-menu {
    right: 0px;
		background: rgba(255,255,255,.5);
    top: 80px;
	}
}
```

No items found.