Your cart is currently empty!
Homepage › Community Forums › Aspire Theme Support › Help! Responsiveness is causing display issues
Tagged: aspire pro, Front Page Widgets, responsive
I LOVE the Aspire Pro theme, but am having trouble with it looking quite different on different systems and screens. Any and all help is greatly appreciated! I am comfortable adding/configuring CSS, I just need to know what to put where. – Carissa
1. The Front Page 1 section text is up in the photos, or down below in FP section 2 (behind the blue box), depending on who is viewing it (chrome looks different from firefox, mac looks different from windows, etc.). Either way, you can’t read the text or see the countdown timer. 馃檨 What should I do?
Examples:
http://wp4designers.com/screenshotx071316.jpg
http://www.bluespoons.co/wp-content/uploads/2016/07/kjscreen.png
2. In Front Page 10, there is a space between the middle and last stories (compared to the first and middle). I think I have everything set up just like the demo for this area, but I could be wrong. Can someone help me reduce this space so it looks like the first two stories? Screenshots below:
Good – http://www.bluespoons.co/wp-content/uploads/2016/07/Screenshot-392.png
With White Space – http://www.bluespoons.co/wp-content/uploads/2016/07/Screenshot-391.png
Anyone??? Please, help. 馃檨
I’m currently taking a look at it now.
The theme was sort of designed to have the front-page-1 empty and just show a background image. That’s how most users have it setup, but since you’ve added text and the timer in there it’s showing up a bit weird.
Since it has the parallax/fixed background image (which is also responsive), the text is going to be in a different position depending on the browser size of the person viewing it. Are you ok with removing the parallax for that section? I’m just wondering if that will help make it work if we can remove that feature. We’ll have to test some things to see if this can work.
Thank you so much Wes for your time and help. Will removing the parallax affect the header/menu functions? I like how it contracts and remains at the top of the site.
If it will not affect that, I am fine removing the parallax feature. I hate for you to spend a lot of time and effort though on this. I didn’t realize that the text would be such a problem (yet so important) for that specific area. Sorry!!!
Thanks,
Carissa
No it shouldn’t affect the menu. If you want to test it, you can look in your front-page.php file and remove/comment this out to see what happens –
//* Enqueue parallax script
add_action( 'wp_enqueue_scripts', 'aspire_enqueue_parallax_script' );
function aspire_enqueue_parallax_script() {
if ( ! wp_is_mobile() ) {
wp_enqueue_script( 'parallax-script', get_bloginfo( 'stylesheet_directory' ) . '/js/parallax.js', array( 'jquery' ), '1.0.0' );
}
}
You’ll probably need to remove the fixed background for that particular widget to see if that makes a difference.