Version differences in Free and Pro

Tagged: font-awesome.min.css version, Instagram icon, main navigation styling, style.css

This topic has 3 replies, 2 voices, and was last updated 5 years, 9 months ago by acmesupports.

Viewing 4 posts - 1 through 4 (of 4 total)

Author

Posts
June 20, 2017 at 7:10 pm #18249

Gabriel
Participant

Hello,

I’ve recently purchased, and installed the Education Base Pro version, and have setup a child theme using the enqueue styles/scripts method. I have noticed differences in the free version versus the pro version. Most notably is the handling of the main navigation menu when changing the size of the browser screen (between min-width 768px to max-width 1023px), which does not show errors in the free version, but the mobile menu is exposed completely open in the Pro version. Styling is also not formatting properly for the main navigation – where I can see colored backgrounds, and no underline decoration in the free version, the pro version is plain, with no style.

I have not enqueued any of the bootstrap files, as it should pull from the parent file, if there are no modifications.

There is also an outdated version of the Font Awesome css, which, I believe, is what is causing the Instagram logo on the social tabs to show as outdated.

The last item I noticed, is the Back to Top arrow is not functioning properly on the pro version – it shows a small icon with a rectangle box, as opposed to a square.

I have setup the free, and pro versions on two separate sites – to use the free version as a guide to build out the final site.

Upon checking the versions of the style.css (free is v.4.7.5 | Pro is v.4.7.3), and the font-awesome.min.css (free & pro are version 4.5.0 | FA website is up to v.4.7.0).

My question is: Will you send an update to remedy these version issues, or should I go ahead and modify the versions in my child theme?

Thanks,
Gabe

June 21, 2017 at 4:58 am #18258

acmesupports
Moderator

Hello Gabriel,
We are so sorry for the late reply. Can you please try once by copying all the CSS files of parent theme style.css and put on the child theme and check once. Sometimes CSS can’t load in this case. Please try once and let us know. Keep same CSS files on parent and child style.css
Check this blog post to know how to create child theme easily.

Regards

June 21, 2017 at 7:00 pm #18288

Gabriel
Participant

I have updated the Font Awesome file to version 4.7.0 in a folder in the child theme, and enqueued the style sheet in my child functions.php file by adding the following code:

/*
wp_enqueue_style( ‘font-awesome’, get_template_directory_uri() . ‘/assets/library/Font-Awesome/css/font-awesome.min.css’, array(), ‘4.5.0’ );
wp_enqueue_style( ‘font-awesome-child’,
get_stylesheet_directory_uri() . ‘/assets/library/Font-Awesome/css/font-awesome.min.css’ ,
array(),
‘4.7.0’
);
*/

I hope this may be useful for someone looking to keep the Instagram Social icon up-to-date.

I have not yet figured out why the style on the main navigation is not formatting properly, and why the mobile menu shows as expanded on a desktop browser between 768px to 1023px, and lastly, why the back to top arrow is not correct – but I will place the solution here when I find it.

Great theme! These are only minor tweaks that I’m finding to suit my needs!

Thanks,
Gabe

June 22, 2017 at 5:04 am #18295

acmesupports
Moderator

Hello Gabriel,
Thank you so much for sharing your solutions here. We really appreciate it.
Don’t hesitate to ask and share your query and solutions here on the forum. We will do our best to help you on your every problems.

Warm Regards
Author

Posts

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.