Mobile version title overlap
-
Hi,
I’m using the Port Theme on arronbarnett.com with CSS customisations.
My problem is that when viewing portfolio screens from a mobile device, the responsive layout is causing an overlap. The title is overlapping the navigation items, as you can see from the image below.
https://docs.google.com/file/d/0B9XgPCO4YI1gRU1xTVhoM0lfVlk/edit?usp=docslist_apiLink to an example of an affected page:
http://arronbarnett.com/portfolio/orbital-distant-lands-poster-collection/Is there any way I can sort this out with CSS for example?
The blog I need help with is: (visible only to logged in users)
-
I tagged this thread for Themes Staff assistance. Please subscribe to it so you are notified when they respond.
-
Hi there, it would be helpful if you could let us know where you’re seeing this overlap:
– what specific device you’re using (i.e. Nexus 7)
– what version Android you’re using (i.e. Android 4.4.4 Kitkat) – visit http://whatismyandroidversion.com/ if you’re not sure
– what browser you’re using (Chrome)
– what size is the browser window? (I’m not able to replicate your issue when reducing the browser size.)Support for Port is generally provided by ThemeTrust in Port’s own forum:
-
I’ve seen it on Nexus 5 running both 4.4.4 and 5.0 in chrome.
I am also able to replicate this issue by resizing the window to certain sizes in the desktop versions of chrome, Firefox and internet explorer. Resizing the desktop browser to about 350px width causes this issue on the example I showed, but it varies depending on title length.
My apologies, I wasn’t aware there was a specific section for the theme.
-
No worries. I’d suggest you post your issue over in the Port forum so the theme developer can look into a fix for the affected devices.
- The topic ‘Mobile version title overlap’ is closed to new replies.
WordPress.com Forums 