5 replies [Last post]
efpeterson
efpeterson's picture
Offline
Regular
Last seen: 5 years 41 weeks ago
Timezone: GMT-4
Joined: 2012-12-27
Posts: 20
Points: 29

Hi folks,

Having a small problem here. I cannot see my page titles on my mobile browser or by shrinking my screen. Any thoughts on how to fix this? You can see what I'm talking to by visiting this page: http://tinyurl.com/omw59e8

Tony
Tony's picture
Offline
Moderator
Brisbane
Last seen: 9 hours 46 min ago
Brisbane
Timezone: GMT+10
Joined: 2003-03-12
Posts: 5342
Points: 2963

Hi efpeterson, This is the

Hi efpeterson,
This is the media query causing the problem.

@media (max-width: 767px) {
 
.page-name {
display: none;
}

around line 732 of responsive.css

efpeterson
efpeterson's picture
Offline
Regular
Last seen: 5 years 41 weeks ago
Timezone: GMT-4
Joined: 2012-12-27
Posts: 20
Points: 29

Thanks, Tony. I didn't even

Thanks, Tony. I didn't even notice that on my way through. I commented out the display:none; but it still does not show in the mobile browser.

Tony
Tony's picture
Offline
Moderator
Brisbane
Last seen: 9 hours 46 min ago
Brisbane
Timezone: GMT+10
Joined: 2003-03-12
Posts: 5342
Points: 2963

You also have margin-left in

You also have margin-left in style.css around line 3251

.page-name {
	text-align: left;
	font-weight: 600;
	font-size: 25px;
	margin-left:-500px;
	margin-top:12px;
 
}

efpeterson
efpeterson's picture
Offline
Regular
Last seen: 5 years 41 weeks ago
Timezone: GMT-4
Joined: 2012-12-27
Posts: 20
Points: 29

If I remove the -500px the

If I remove the -500px the title appears all the way to the right of the screen. Sorry for being a bother, but I'm still learning. When I do take it out, the page title does appear in mobile. Not sure what to do to get it to appear in the left on a regular browser and in the middle in mobile.

Tony
Tony's picture
Offline
Moderator
Brisbane
Last seen: 9 hours 46 min ago
Brisbane
Timezone: GMT+10
Joined: 2003-03-12
Posts: 5342
Points: 2963

You have a pretty strange set

You have a pretty strange set up for the page title.
if you leave the margin where it is and add another to the media query with margin-left: 0; it should all work out.

@media (max-width: 767px) {
   .page-name {
      margin-left:0;
   }
}