Codeless
  • Support Home
  • Themes
  • Support
  • WordPress Tutorials
    • How to Start a Blog
    • Best Website Builders
    • Best Small Business Hosting
    • Email Marketing Services
    • Cheap WordPress Hosting
  • Video Tutorials

Community Forums

Header centered – No Animation and mobile problem

    • 9 years, 7 months ago JungesHerz
      Participant

      Expired

      Hello,

       

      I have two questions.

       

      1.) Please have a look at this page (https://goo.gl/nYR8bW). You can see that the h1 is showing up with a animation. How can I remove this animation and only show the h1-box static and normal?

      2.) Please look-up the same page with a mobile device (iphone for me) – You see that the h1 is cutted up? How can I fix it?

       

      Thank you and bye

    • 9 years, 7 months ago JungesHerz
      Participant

      Expired

      Why is my thread still unsolved? Please don’t wait 2 oder 3 days to check such an simple task.

    • 9 years, 7 months ago Mirela
      Participant

      Hello,

      Sorry for the late reply.
      1-Please go to file js/main.js and find this function:

      function pageHeader(){
      	"use strict";
      	var self = $('.header_page.centered');
      	if(self.length == 0)
      		return false;
      	var height = self.height();
      		self.height(0);
      
      	setTimeout(function(){
      		self.animate({
      			opacity: 1,
      			height: height+'px'
      		}, 800); 
      	}, 600);

      edit the value: 800 to 0, save file.
      2-Add this code into your custom css box:

      @media (max-width:480px){
      .header_page.centered h1 { font-size: 20px !important;}
      }

      Best regards!

    • 9 years, 7 months ago JungesHerz
      Participant

      Expired

      Hello,

       

      thank you. Please check the URL again. I changed the JS and the animation is gone. But: I dont want it to drop-down in first place. I want to remove the whole animation not just the time.

       

      Could you help me?

    • 9 years, 7 months ago Mirela
      Participant

      Hello,

      Please replace this code:

      setTimeout(function(){
      		self.animate({
      			opacity: 1,
      			height: height+'px'
      		}, 800); 
      	}, 600);

      with this:

      self.animate({
      	opacity: 1,
      	height: height+'px'
       }, 0); 

      Form the file mentioned in my above reply.

      Best regards!

Viewing 4 reply threads

You must be logged in to reply to this topic.

Login

Log In
Register

Renew Support

  • Renew Specular Support
  • Renew Tower Support
  • Renew Folie Support
  • Renew Handel Support
  • Renew June Support
  • Renew Picante Support
  • Renew Thype Support
  • Renew Regn Support

Search Forums

Forums

  • Bygge – Construction Theme
  • Converta – Software Theme
  • Folie – The WordPress Website Builder
  • Handel – Responsive Multi-Purpose Business Theme
  • June WooCommerce WordPress Theme
  • Livecast – Podcast Theme
  • Picante – Restaurant & Food WordPress Theme
  • Regn | Agency & Business WordPress Theme
  • Remake – Minimal Portfolio & Agency Theme
  • Specular – Multi-Purpose WordPress Theme
  • Suggest us Features
  • Tower – Business-Driven Multipurpose WP Theme
  • Vibrance – Photography Theme

Site Links

  • Support Policy
  • Specular Support Forum
  • Video Tutorials
  • Knowledge Base
  • Guides and Reviews

Useful Articles

  • Build a Website
  • Web Design & Development
  • Hosting
  • WordPress

Login

Log In
Register Lost Password