Problems w/ Mobile

1. Slider appears on mobile but there won’t be any text on the slider because that way it will overlap content area and navigation because on mobile screen is too small for that.

If you are using very short title and no excerpt then it might work for you, so you can add this CSS code to Theme Options – Other – Custom CSS.

@media only screen and (max-width: 767px) {
	.featured-title,.featured-content,.featured-text {
		display: block;
	}
}

That way slider on text will be displayed on all devices

2. Please post your website URL where these images appears, so I can have a look what is going on.

Silkalns – First off…brilliant theme and fantastic customer support. I’ve been reading through the forums and you’re the man.

Secondly – I copy and pasted that CSS code where you told me to and nothing changed. Please note that I already put in the custom CSS code below to display on the post titles in the slider:

.featured-content {
display: none;
}

Is that why it’s not working (aka the slider still doesn’t show up on my mobile)? I can have both of those snippets of code in there right?

Lastly, my website is https://www.wheresthegringo.com

Thanks in advance for everything!

Ford Quarterman

thank you for your feedback! I really appreciate it!

They both can be used together but needs some slight tweaking. Replace everything you have in Custom CSS field with this code instead.

@media only screen and (max-width: 767px) {
	.featured-title,
	.featured-content,
	.featured-text {
		display: block;
	}
}
.featured-content {
  display: none;
}

Let me know if this does the trick.

@silkalns

It’s still not doing the trick :(.

My mobile site doesn’t even have a drop-down menu – just say’s “Where’s the Gringo? at the top, with a search icon, and then my posts listed below & itemized per line

There is no slider, no drop-down menu displaying my pages/categories, no tagline (where it says “Exploring America Below the Border on the desktop version of my site) underneath the title, and all the photos aren’t resized for the mobile phone screen.

Am I screwing this up??

thanks for your support,

Ford

Disable WP Smart Mobile and it will solve all your problems.

Awesome – did that.

Now I see the slider and the drop-down menus.

However, the text for the slider images is not formatted for the image and is much larger than the slider.

Also, the images within the posts are still not formatted for the screen. Is that because they are still full size? Is there anyway for me to keep them full size on a desktop so they will still format for the mobile screen. Trying to have as visual of an experience here.

Thanks alot – progress is being made!

To make featured text on slider to appear smaller on mobile devices you can use this code by adding it to the same Custom CSS fields.

@media only screen and (max-width: 767px) {
  .featured-text .featured-title {
    font-size: 14px;
  }
  .featured-text {
    padding: 10px;
  }
}

Still not sure what you meant by those images because they appear fine for me or at least I couldn’t find the right article where I had to check it.

Done and done.

You’re the main @silkalns. I have already left a 5-star review for you, and will mark this thread as resolved.

Until next time my friend!

Ford Quarterman