Showcase Pro Mobile Issues

[Tree78Participant]

I am having a lot of trouble with two websites I built. Both if these sites were built using the showcase pro theme and both of them are not showing properly on mobile.

Some of the sub pages show fine, but neither site homepage shows correct in mobile.

I am wondering what the problem is or how I can fix it on these sites:

https://pekinlighthouse.org/
https://hhocmortgage.org/

Any help would be appreciated. I am not sure what to do at this point. Thank you.

Jeremy

[TerryParticipant]

Hi Jeremy,

Looks like pekinlighthouse.org is all set.

Your hhocmortgage.org is having some media query issues.

It looks like you added in the Customizer (Customize => Additional CSS)

.slick-slider-345 {
  height: 400px;
}

if you remove that, the theme should take care of the height at all screen widths.
If you want to increase the height on desktop screen (it may be a little tight), add it inside a media query

@media only screen and (min-width: 1100px) { 
<insert your css here>
}

(set the 1100px to whatever you prefer).

Checkout Victor's tutorial on using your browsers inspector to troubleshoot the nav alignment for 7.9" - 9.7" screens.

Hope this helps!
Terry

[Tree78Participant]

Hi Terry,

I don't see the above code anywhere, on either site, and I searched everywhere in the style.css. That above code was not add in the css customizer ether.

This is all I see regarding any slick slider:

.front-page-1 .slick-slider {
	max-height: 100vh;
}

So not sure where to go from here to fix mobile issues on these two sites. Any further help is appreciated. Thank you.

[TerryParticipant]

Your site at https://pekinlighthouse.org looks OK in my browser for all screen sizes.

For your site at https://hhocmortgage.org...
The problem with the hero image (top full screen image) alignment on phone screens is from css that is being generated by your slider. In your Slider Settings (along the right side) for the slider you're using for the Hero Image, change the "Height mobile" setting to something larger that allows all the text to be displayed and provides the look you desire.

If you have any additional issues, Corporate Pro is a third-party child theme by SEO Themes. As the creators, they will be most familiar with the theme and be able to provide you with the best support.
Reach SEO Themes support here.

[Tree78Participant]

Thank you Terry, I will try that.

[hittlerkhanParticipant]

I want to change the colors of the links on my posts and pages in metro pro but do not want to change sidebar links. how can I do?
my websites are:

https://live-cricket.info/
https://vipedio.com/

[Author]

Posts