• Skip to main content
  • Skip to forum navigation

StudioPress

  • Shop for Themes
  • My StudioPress

Forum navigation

  • Home
  • General Genesis Discussions
  • StudioPress Themes
  • Genesis Blocks
    • Genesis Blocks
    • Genesis Custom Blocks
  • Retired Themes
  • FAQs
  • Forum Rules
  • Internationalization and Translations
  • Forum Bugs and Suggestions
  • Forum Log In

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

Showcase Pro Mobile Issues

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Log In
Register Lost Password

Community Forums › Forums › Archived Forums › Design Tips and Tricks › Showcase Pro Mobile Issues

This topic is: not resolved

Tagged: "corporate pro", corporate pro mobile, mobile issues, Showcase Pro

  • This topic has 5 replies, 3 voices, and was last updated 3 years, 8 months ago by hittlerkhan.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • May 3, 2019 at 9:11 am #490954
    Tree78
    Participant

    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

    May 6, 2019 at 12:22 pm #490989
    Terry
    Member

    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

    May 8, 2019 at 2:02 pm #491032
    Tree78
    Participant

    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.

    May 8, 2019 at 4:03 pm #491033
    Terry
    Member

    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.

    May 10, 2019 at 10:24 am #491081
    Tree78
    Participant

    Thank you Terry, I will try that.

    May 15, 2019 at 4:40 am #491169
    hittlerkhan
    Member

    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
Viewing 6 posts - 1 through 6 (of 6 total)
  • The forum ‘Design Tips and Tricks’ is closed to new topics and replies.

CTA

Ready to get started? Create a site or shop for themes.

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2023 WPEngine, Inc.

Products
  • Create a Site with WP Engine
  • Shop for Themes
  • Theme Features
  • Get Started
  • Showcase
Company
  • Brand Assets
  • Terms of Service
  • Accptable Usse Policy
  • Privacy Policy
  • Refund Policy
  • Contact Us
Community
  • Find Developers
  • Forums
  • Facebook Group
  • #GenesisWP
  • Showcase
Resources
  • StudioPress Blog
  • Help & Documentation
  • FAQs
  • Code Snippets
  • Affiliates
Connect
  • StudioPress Live
  • StudioPress FM
  • Facebook
  • Twitter
  • Dribbble