[toddw]

Thank you Theme Horse!

I apologize for not being more knowledgeable about the syntax of media queries, as I could have caught the issue, as well.

…however, your CSS works perfectly for me.

Beautiful, thanks!

Todd

[toddw]

Hi Theme Horse,
I applied the above custom CSS to the site at clpkids.org

Thanks for all your help!

Todd

[toddw]

Hi Theme Horse,
Thank you so much for the help! I have applied the custom CSS to the “Custom CSS” panel, and also tried adding it to the style.css of my Interface Pro Child theme, but am unable to view the title text on a mobile device or mobile resolution. The title text disappears whenever the mobile menu (“hamburger” icon) replaces the desktop menu.

I can share my WordPress login and password if that would help. I have an iPhone to check on my website, along with “Enter Responsive Design Mode” under the “Develop” menu item in Safari on my MacBook Pro.

Thanks and regards,
Todd

[toddw]

Thank you for the feedback Theme Horse.

I have a link to an image of the homepage of my site here: https://67.media.tumblr.com/96bd2b1646ad61f65757fd83a1581871/tumblr_of7d591Ulr1skjgvjo1_1280.png

While I am not using Revolution Slider, I tried both Featured Post/Page Slider Options and Featured Image Slider Options and neither one of these will display text over the homepage slider images at the mobile screen sizes, nor at the 2000 x 1116 resolution of my iPhone.

I’m in need of text in the form of a Title and Short Description on the mobile and tablet views. I don’t know PHP or media queries well enough to enable this on my own, so I am hopeful that you have developed a solution that is responsive and not adaptive (as is currently the case).

Thanks and regards,
Todd

[toddw]

I may have answered my own question. I changed “.main-navigation a” class from above, and added a new CSS class… both of which are copied here:

.main-navigation a {
	color: #666;
	display: block;
	float: left;
	font-size: 13px;
	text-transform: uppercase;
	font-weight: normal;
	padding: 22px 0 0;
	height: 38px;
}
.main-navigation ul li ul {
	position: absolute;
	background-color: #fff;
	top: 60px;
	left: 0;
	width: 200px;
}

I changed the height of “.main-navigation a” from 36px to 38px, plus, changed “.main-navigation ul li ul” from a default top: 50px to 60 px to push the drop down menu further down the page on my site (http://framella.com).

If you add a border to your site, as I did to mine, then you will need to adjust the nav bar too, since it is absolutely positioned from the top of the browser window.

Thanks and regards,
Todd

[toddw]

For anyone reading this, Theme Horse was very kind in not saying how I overcomplicated this!

Breadcrumb NavXT works as shown on the Ambition Pro preview site without any additional configuration.

Go to Appearance > Customize > Ambition Theme Options > Page Title Background Image and select a background image for your Title bars. They will display the background image in parallax by default.

Thank you for such a quick response… your forum is always so helpful!

Todd

[toddw]

Awesome!!! Thank you so much! This gave my site a nice inset effect without taking away too much screen real estate.

Thanks and regards,
Todd

[toddw]

Thank you very much for setting my site up with demo content. I later purchased Ambition Premium, but I would like for anyone reading this to know that Theme Horse not only provides free themes, they spent their own valuable time to upload demo content to my site… asking for nothing in return. Theme Horse really helped me get up and running, and I can’t thank them enough.

Thanks and regards,

[Author]

Posts