Help! Responsiveness is causing display issues

Homepage Community Forums Aspire Theme Support Help! Responsiveness is causing display issues

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #18710
    carissamagras
    Customer

      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

      http://bluespoons.co

      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

      #18732
      carissamagras
      Customer

        Anyone??? Please, help. 馃檨

        #18735
        Wes
        Moderator

          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.

          #18737
          carissamagras
          Customer

            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

            #18760
            Wes
            Moderator

              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.

            Viewing 5 posts - 1 through 5 (of 5 total)
            • You must be logged in to reply to this topic.