Home

Parallax on mobile WordPress

What is Parallax Effect? Why & How to Use it for WordPres

  1. Parallax Scroll, Scale and Opacity with speed and option to enable on mobile; Mouse parallax (which makes the background shift slightly according to mouse over movements) In addition, you will also find an AWB tab has been added to your WordPress Settings menu
  2. Select Parallax WordPress Themes. Finally, you can elect to toggle the parallax option off for mobile devices, which tend to rely on swiping rather than scrolling for navigation (not to mention a potential affect to page load speeds). 4. Toggle the 'Mouse Parallax' Feature
  3. Abigail, you don't have a problem because 1) your image has no text, 2) your image has no blending of dark & light colors that makes text on top it unworkable, but irregardless, the text is still on top of the image, and it should not be. I personally think since the slider is full width, and you can not practically 'shrink' a desktop.
  4. The working of the parallax effect on mobile devices also depends on the animation you are using inside your parallax. SO when you start creating parallax scrolling make sure you keep mobile and other devices into consideration. Method 1: Add parallax effect in your wordpress website using page builder plugins.
  5. Method 2: Add Parallax Effect to Any WordPress Theme with CSS. This method requires you to have a fair understanding of HTML / CSS as well as how WordPress themes work. First, you will need to upload the image you want to use for parallax effect to your WordPress media library by visiting Media » Add New page
  6. Arrow Responsive WordPress Theme. Just scroll your screen with the help of arrows and get a response from different websites. Play with your navigation arrangement and this easy plus stunning theme as your responsive mobile parallax scrolling. This responsive idea also works in the laptops and PCs with a one click of the mouse

Using the Parallax Effect on Your WordPress Website - WP

  1. A word on mobile devices and parallax scrolling. Parallax scrolling faces a few hurdles on mobile devices, some bigger than others. Starting with the obvious, due to mobile device's significantly smaller screen sizes, default images used in a parallax effect targeting desktops will often be too large in their smaller counterparts, both in terms of dimensions and file size
  2. Foundry is a creative and mobile-friendly parallax WordPress theme with smooth scrolling. It is also an astoundingly diverse WordPress theme. This theme is deliberately designed to service a range of different websites and applications across all sorts of fields
  3. The parallax effect is a very popular design feature that is commonly used on WordPress websites. In short, it's a scrolling effect where the background images move slower than the foreground elements, giving the illusion of three dimensions in a 2D space

Parallax Slider on Mobile WordPress

  1. Packed with 15 stunning homepages, Amedeo also covers WordPress parallax scroll template as well. Specifically, there is a modern Parallax Showcase style. As an ideal fit for artists that want to showcase their works in an eye-catching way, this WordPress parallax scroll page combines bold photography and artistic fonts. Try it and get noticed
  2. Other times is fits the whole pic and is static. Other times it seems to show the original size, so you only see a fraction of the image and it is all blown up. Not sure if there is a fix, but the easiest thing i think would be able to disable any parallax effect on mobile viewing. Just 'fit' the whole image in the section
  3. 61% OFF HOSTGATOR: https://hoganchua.com/get/hosting (my affiliate link - you save money & I get a commission) Watch Latest Parallax Tutorial: https://youtu...
  4. panel. Search for AWB in the available search box

First Path: WordPress Themes. If you are a WordPress user, the easiest way to have the parallax effect on your site is to use a WordPress theme with the effect built in. Switch the theme and you are done. There are tons of parallax-ready WP themes out there, both free and paid Illdy is a stunning parallax WordPress theme built based on Bootstrap frontend framework making it fully responsive and mobile friendly. This theme is well suited for business, landing page, portfolio or any other creative websites. This leaves heavy lifting to WordPress Customizer therefore you can create your website on live preview mode The code. Here's the code you need to add to the head of your pages. In your WordPress Admin area, go to Divi > Theme Settings > Integration, then paste this into the Add code to the < head > of your blog box: <script>. jQuery(document).ready(function($) {. // Mobile device check

Saint is a one-page multi-purpose WordPress theme with parallax scrolling effect. The template comes with a fully responsive layout and Retina support. Also, downloading Saint, you will be able to enjoy beautiful typography, icon fonts, slick sliders, drag & drop galleries, seamless installation and customization The beautiful feature provided in every free WordPress themes and premium WordPress themes is a parallax effect. One can define Parallax as a movement of any object when it is seen from various visual lines. In terms of website design, the parallax feature can be determined as a change in insight that humans can feel [ Newave is another parallax WordPress theme that uses the popular one-page layout. Uncode features smart adaptive image functionality, which means your graphics and images will look amazing on mobile devices. Besides, Uncode is known for being one of the most responsive themes, and there's a good reason why it's been downloaded over.

To create parallax with Elementor Free, first log into your WordPress dashboard. If you don't have Elementor installed yet, you can go to Elementor's home page to get grab the free plugin ZIP file in exchange for your email address. Once that's installed, it's time to create edit a page or post with Elementor Select an image from here as your background type and check the 'stretch' option. AWB Shortcode - Add a Parallax Effect to Any WordPress Theme. Next, click on the 'Select Image' button to upload or select an image you want to use. Just make sure that you are using a large image neither it will show pixelated Parallax plugin for WordPress. This plugin will surely surprise its users with the deep parallax which is highlighted even more when the target object is placed lower than the currently viewing one, the parallax will wait until the object will appear on the screen before it triggers. Provides wide browsers support and helps to create amazing. As we live in a dynamic world where everything changes very quickly, the websites should also be dynamic. To recreate Responsive Parallax effect shown in thi.. All our WordPress themes are responsive and are adjusting their elements depending on the size of the browser, which means the background image is set to cover the hero area.. This implies that the image will zoom in on smaller screens (e.g., mobile or tablet) to avoid showing a blank space like in this example and manage to keep its aspect ratio resulting in this effect

In the case of my example website, I created a home page, blog page, about page, services page, and contact page. Step 2: Add a Featured Image to Each Page. In order to achieve the parallax image effect, you need to add a large featured image to each page that will be part of your front page sections. You will probably not want to add a. The parallax effect is a beautiful feature which you can find in various premium and free WordPress themes.By definition, a parallax is a displacement or disposition in an item or object when it. Parallax Pro is among the very first and also still among the absolute top, best parallax WordPress themes to be found anywhere on the web. Together with Parallax Pro, you get all the high powered performance of a StudioPress Genesis Framework child theme with excellent seeming ultra-smooth scrolling, ideal typography, daring images, quick.

A Complete Guide On Parallax Effects: Why & How To Use It

  1. In today's post we are going to take a detailed look at one of web design's (and therefore WordPress theme design's) biggest trends of the last several years: parallax. We're going to define what parallax is in theory, what it is within web design, and why someone might want to use it; accompanied by some great examples implemented by talented designers/developers
  2. Parallax effects are used seamlessly here to attract attention and make for a smooth scrolling experience. The design of this theme is responsive and mobile-friendly, making it ideal for a business site since it'll load properly on any device and look great at the same time
  3. ates the need for multiple versions of your site. Continue Reading
  4. Free Mobile App WordPress Theme. SingleApp is free One Page Parallax WordPress theme. Focuses on showcasing mobile apps with all features in easy manner. Download Now. Explore Demos. 1,000+ Active Installs. 10+ 5 Star Ratings. 1. Starter Site. Empowering 1,000+ sites & counting.. Documentation
  5. Parallax One - Parallax One is a one-page WordPress theme template that offers clean code, cross-browser compatibility, powerful options and amazing parallax effect. The theme is perfect for the business websites that requires a fully-responsive design
  6. Buy Vernum - Responsive OnePage Parallax WordPress Theme by SpyroPress on ThemeForest. Version 3.1 is out! (26.01.17) Click here to view the Change log About Vernum Vernum is a project of the spring, joy..

How to Add a Parallax Effect to Any WordPress Them

Get 33 parallax scrolling WordPress plugins, code & scripts on CodeCanyon. Buy parallax scrolling WordPress plugins, code & scripts from $7 However, one can use Simple-Parallax.js as a scrolling option. It is known for its ease of use and for visual rendering. The parallax effect can be applied straight to the image tags. This makes the need for using background images unnecessary. However, this parallax effect may not be very effective on tablets or mobile devices Viewing 9 posts - 1 through 9 (of 9 total) Author Posts July 11, 2018 at 10:54 pm #984385 GreenSunSolutionsParticipant How can I get the parallax effect working on mobile? It works resizing the browser window on a desktop but on a phone the image has no effect. Great theme but this is a sore

11+ Responsive Mobile Parallax Scrolling Website Templates

Float WordPress Theme is elegantly designed responsive web design that supports to work on all smartphones, desktop, tablets and Android devices. You will find the best layout of parallax effects work on any device and resolution. Advanced Features of Float WordPress Theme. Float theme is very flexible layout and advanced customization of all. The parallax effect specifically pairs with the product highlighting the movement or action. 4. Mercedes Benz A-Class. The popular Mercedes Benz website informs visitors regarding the latest A-class cars. The parallax effect is used in a way to let the users look inside the car and see how it drives down the street Free Parallax WordPress Themes. Envato Market offers the very best in parallax WordPress themes to accommodate any website project. Although premium themes, they're very affordable. Sometimes though, a project might want a free parallax WordPress theme. Another source for parallax WordPress themes is WordPress itself. Here's a couple to get you. Repair Center - Parallax WordPress Theme. Download. Mobile repairing WordPress theme comes with a mobile responsive layout that means it adapts easily in the screen of all sizes. Showcase your services with various page modules which the theme provides. Surprise your visitors with the amazing slider effect on your homepage

Parallax can also be used to add image filters like sepia, grayscale, and blur. This allows you to use image filters without needing Photoshop. 44. Dixie. Dixie is a well-crafted WordPress theme for podcast, video, and music websites. It's fully mobile responsive and offers your users a great multimedia experience even on smaller devices Wavo Elementor Theme is compatible with all addons and included important header and footer builder widgets. 3. Flora—Responsive Creative WordPress Theme. Flora is one of the best parallax themes and is a responsive WordPress theme with a creative design. Of course, one of the many different features of Floral is parallax The Parallaxer WP - Parallax Effects on Content. The Parallaxer PRO is the ultimate Parallax blocks builder plugin for your WordPress site. It features Shortcode Generator, Visual Composer generation and many options along the way! Wow your visitors with DZS Parallaxer and install easy in any template, and setup any content in any size Parallax Transition. It can be triggered by the mouse cursor, scrolling the page, or by tilting mobile devices. 3D Parallax. The parallax effect can also have spatial effects in 3D space for an ever more immersive effect. The WordPress release offers a way to export projects as HTML for the jQuery version of LayerSlider Paper Plane â Creative Parallax WordPress Blog Theme Paper Plane - Creative Parallax WordPress Blog Theme Free Download 1.0.7 - ThemeForest | Paper Plane v1.0.7 - Creative Parallax WordPress Blog Theme is a smooth, modern WordPress theme for modern blogs and magazines focusing on content. Features of Paper Plane WordPress Theme Dark Mode Switch on Dark [

A word on mobile devices and parallax scrollin

North - One Page Parallax WordPress Theme. by Veented in Creative. Single mouse click pre-built Demo Sites. Tailored drag & drop page builder. Save over $119 with premium plugins! Add to Collection. Toggle Favorite. $59. 4.5 star rating HashOne is a complete solution and one of the best options among all Free Parallax WordPress Themes, It is a feature-rich WordPress parallax theme that can be used to build any type of fully packaged business website. Due to its mobile-friendly and responsive design, your website looks amazing on every type of device

WaveX is a one-page parallax WordPress theme. Parallax results as well as a receptive, retina-ready design give it a contemporary appearance. It offers you the drop-dead gorgeous video background sliders, touch, and swipe-enabled sliders, infinite instances and knotting sliders, and also a lot more Parallax is a simple parallax WordPress theme with a responsive design and simple drag-and-drop editing options for building your website without any coding knowledge. The theme includes forms, quick sliders, social integration, and stylish modules where you can display information about your company's services, team members, testimonials. Here is the code that gets inserted to the image tag of my parallax background image with my browser window being 1366×766: 01. 02. height: 960.8px; transform: translate(0px, 220.5px); Notice the two numbers in the transform property. These two numbers control the positioning of the background image

Parallax scrolling is when the background of the web page is moving at a different rate compared to the foreground, creating a 3D effect as you scroll. Directly below is an example of parallax behaviour, where we have a container with a background image and a parallax effect in place parallax elements on homepage, WordPress Customizer enabled, unlimited theme colors, 100% responsive, SEO ready, widgetized homepage, custom content sections on homepage. Mobile optimization These days, more people access the web on mobile than they do via desktop computers and laptops combined. Any top free WordPress theme you get has to.

Free Parallax WordPress Theme. Parallax is a popular Free WordPress Parallax theme from CyberChimps WordPress Themes that enables you to create stunning websites with parallax scrolling effect. Parallax offers touch-friendly drag-and-drop options on a per-page basis allowing you control the look and feel of every page Download Free Paper Plane - Creative Parallax WordPress Blog Theme v1.0.7. Paper Plane - Creative Parallax WordPress Blog Theme Free Download 1.0.7 - ThemeForest | Paper Plane v1.0.7 - Creative Parallax WordPress Blog Theme is a smooth, modern WordPress theme for modern blogs and magazines focusing on content Get 262 parallax WordPress WordPress portfolio themes on ThemeForest. Buy parallax WordPress WordPress portfolio themes from $19. All created by our Global Community of independent Web Designers and Developers

33 Parallax Scrolling WordPress Themes 2021 - Colorli

15 Business Templates for Freelancer Websites

The Complete Guide to WordPress Parallax Effects Elemento

Deadliest Catch Season 16 Episode 16 Bering Sea WreckingCenote Tequila | Original Function

Top 5+ WordPress Parallax Plugins for Your Website - WPKli

The popularity of Parallax design is so high that many WordPress developers have started creating Parallax themes. So, you might get lost while trying to find one. But, be at ease because we have spent a huge amount of time to search and filter Parallax WordPress themes for you. And, these are the best WordPress themes that have parallax effect To insert your full width parallax image, simply use the [dd-parallax] shortcode. Include text to be overlaid on the parallax between the open and close [/dd-parallax] code. This plugin has been tested with WordPress 2014, 2015, 2016, and 2017 themes as well as a few themes that use Bootstrap Parallax Frame. Price : $0.00. A hand-crafted Free WordPress theme for Corporate and business websites, Parallax Frame uses Parallax scrolling effects to enhance the user experience and increase your clientele. Simple, clean and fully responsive; the HTML5 and CSS3 codes used in building the theme make it a breeze to work with Custom designed & coded visual composer based WordPress website from client provided mockups - Valid HTML5 & CSS3 with Full WordPress conversion | Fully Responsive Development | Parallax animations | Customized Mobile Layouts & Menus | Integrated jQuery Sliders | Custom Image Galleries. NRGYHomes.com. Customize coded to match the client's.

Topic: Disable parallax on mobile? Livemesh Suppor

Stack is a modern WordPress theme for application websites. Stack is inspired by Windows 8 Metro design and ships with a tiles addon, allowing you to create masonry tiles layout like Windows 8. The theme appears great on all devices including desktop, tablet, and mobile. It comes with WordPress post formats to create small blogs like Tumblr 1:- Live. Live is an engaging theme that fosters users to create an appealing and interactive website. This particular theme renders horizontal as well as vertical parallax screening. Moreover, it is mobile application friendly as it has been tested on various mobile devices There are many ways to define WordPress parallax scrolling and parallax as a concept in general. A possible definition of it might be that parallax scrolling is a technique in which the background and the foreground are both animated, except they move at different speeds.The background moves slower than the objects in the foreground, which creates an illusion of depth

How to Make a Parallax WordPress Website - For Beginners

Parallax scrolling WordPress themes. Every theme here looks amazing on desktop and mobile devices, so they're prepared for the modern visitor. You'll find they cater to a wide variety of niches and each of them comes with dazzling parallax effects built-in. Here are my top picks for best parallax WordPress themes for 2021 Parallax effect is a trendy feature that is widely applied by WordPress themes users. In short, Parallax is a kind of 2D animation when the background moves slower than the forefront which gives your visitors an illusion of depth on the page. Of course, the popularity of this scrolling effect has been caused by a whole lot of benefits Because the parallax scrolling has a huge impact on users, either on websites or mobile devices, it is worth knowing the parallax effect definition. And why it can get your site a killer performance. Parallax Definition. The parallax effect is a technique that creates a 3D scrolling effect as the user scrolls down the page

How to Create a Parallax Effect on Any WordPress Theme

Story is a modern, responsive and clean-looking WordPress theme. It is designed for those looking for a modern corporate or personal page, with subtle parallax scrolling. This theme can be easily adapted to different types of websites. Some of the included demo pages can be used by freelancers, companies, and personal blogs I place the photo in the row background instead of the widget and edit the layout on settings on background to fixed. It looks amazing on the blog but doesn'y work at all on mobile or ipad. I've changed it to Parralax which fixes it on mobile and ipad but it doesnt have the same effect

How to Easily Add the Parallax Effect to Your WordPress

Here is a Collection of Best Wordpress Themas that containing parallax scrolling effect. We inserted 6 bestsellers in 2016 from ThemeForest. To see live demo.. When using a parallax background image, both the image and the content will move as your scroll down the page, but at different speeds. This effect is known as the parallax scrolling, where background content is moving slower that foreground content. Take a look at the live theme demo for Create, a WordPress Theme by Themetrust. There is an. 11. Konoz. Konoz Parallax One Page Template is a perfect template for Business Startups, web studio, and creative agencies. Responsive based on Bootstrap. This is one page for placing your information. All files and code has been well organized and nicely commented for easy to customize. More Info. Get Hosting Newave is the perfect one page parallax WordPress theme for corporate, agency, photography or general business. 5 Home Sections, Background Video Support, Parallax Slider, Fullscreen slider, Ultra-responsive, 4 Navigation styles, customizable backgrounds (colors,images or patterns), Font Awesome icons and many more super-awesome features to keep you busy and satisfied The parallax effect has become a hot trend in web design and it is widely used in slider and even entire web pages. It is also possible to find WordPress themes with parallax scrolling effects directly implemented and this makes it easy and convenient ot set up a unique and interactive website

7+ Best Free Parallax WordPress Themes (Most Popular 2021

Bloora is a feature-rich responsive WordPress theme, it is scalable from mobile to HD. Full Details | Price: $40; Free Parallax WordPress Themes Pilot Fish. Parallax is a new responsive theme from CyberChimps WordPress Themes that enables you to create stunning websites. Parallax is responsive and works on smartphones, tablets, and desktop. Parallax support. No longer supported. Neve is used by over 200,000 WordPress users, but that doesn't mean you can't make it your own. It's the perfect one-page theme for a business website and includes beautifully smooth, eye-catching animations as you scroll down 3. North. North is a fully responsive good looking one-page parallax WordPress theme that looks amazing on each and every type of device. It comes with light, dark, and night skins with a 100% mobile-optimized design Free parallax WordPress theme has been designed and created as a modern work by Authors of the theme and it suits the latest design trends and techniques. Material and flat design structure has been used so that the design is compatible with old browsers as well. Simple in terms of look and feel there are several sections on the homepage which. 5 Best WordPress Parallax Plugins: 1. Advanced WordPress Backgrounds -. AWB lets you set up many parallax backgrounds. With 20,000+ active installations and a 4.5 rating it is one of the most common plugins used for displaying parallax effects on your WordPress website. Supported background types include: Images/Pattern Images. Self-hosted.

Free 3D View IPhone 5C Psd Vector Mockup

How to add mobile Parallax to your Divi website - Divi Hyp

Accesspress parallax is a beautiful free WordPress theme with parallax design and effect which gives your website an attractive parallax effect with multiple designs. This theme can be used to design any type of business website whether be it cooperate or creative. With SEO friendly design and mobile friendly layout, your website will stand. Collaboration, work enquires or just say hello. Send a message. Facebook; Behance; Instagra 5. CSS Parallax by Paulo Cunha. This parallax example is a unique example of how parallax effects work. All the page content rests underneath a large hero image which disappears beneath the content on scroll. This also uses the fixed image position to make it appear as if the page is moving over the image, rather than the image staying fixed in. Float. Create stunning parallax floating effects with Themify's Float theme. Parallax scrolling and overlapping design is a popular web trend as seen on many modern sites such as Apple's website. Import your own pre-made layout or design with Themify's drag & drop Builder, then select the parallax scroll option—no coding required

A parallax background can also be applied to a widget by editing the widget, clicking the Design tab on the right and then using the Background Image Display drop-down menu. Parallax in Page Builder using Adam's plugin Parallax scrolling can be added to Page Builder row backgrounds using the plugin Parallax Scroll by Adam Rob. Thanks, Adam :) 1 9. Wp-justParallax. wp-justParallax.js is a lightweight javascript plugin which allows users to have a subtle parallax effect on elements on their WordPress website. wp-justParallax.js supports a wide variety of browsers including IE6+, Google Chrome, Mozilla Firefox, Safari, Opera and many more! 10. Parallax Gravity

Check out the Ember WordPress theme if you're interested in a strong one-page theme with a beautiful parallax header. It's an immediate attention grabber and it allows you to quickly point the visitors to the most important section on your website. As with most parallax themes, this one loads quickly and still looks nice on mobile devices Parallax Installing the Theme. To install themes with the WordPress theme uploader: Download the theme.zip file from the Member Area. Note: some browsers (eg. Safari) auto extract zip files automatically. Right-click on the download link and select Save Linked File As. This will allow you to download the theme as a zip file 3. Evolve - Multipurpose WordPress Theme. If you want to create corporate websites, eCommerce sales pages, portfolio galleries, or even a simple blog, Evolve is an ideal theme to use with its amazing and dynamic parallax scrolling effect. It is fully responsive as well, which means it works well on mobile devices, too

How to Create a Parallax Scrolling WordPress Website

What is a Parallax Effect, and How Does it Help Your

25+ Best Parallax WordPress Themes 2021 - aTheme

Parallax also includes the power of a several plugins in a single theme allowing you to setup an entire website in minutes with touch-friendly drag-and-drop options on a per-page basis allowing you control the look and feel of every page. Parallax 2. AccessPress Parallax. AccessPress Parallax is a beautiful WordPress theme with Parallax design Lila is a one-page parallax best WordPress theme for resume, business startups, creative agencies, and web studios. Based on Redux Framework, the theme has multiple Google fonts and is Google map integrated so that it is easy locating your address. Wallo - Mobile Friendly WordPress Them Paper Plane â Creative Parallax WordPress Blog Theme Paper Plane - Creative Parallax WordPress Blog Theme Free Download 1.0.7 - ThemeForest | Paper Plane v1.0.7 - Creative Parallax WordPress Blog Theme is a smooth, modern WordPress theme for modern blogs and magazines focusing on content. (adsbygoogle = window.adsbygoogle || []).push({}); Sponsored Ads Features of Paper Plane WordPress. Pixova Lite is yet another parallax WordPress theme with amazing theme features. It is suitable for any type of business website because of its flexibility and plenty of theme features. It is a fully responsive theme, which enables the users to browse the website beautifully with any device. Main features of Pixova Lite Responsiveness - as the majority of people are using mobile devices to browse the internet, having a fully responsive WordPress theme is a must. With so many choices available, it can get overwhelming to try and accurately weigh the benefits and choose the top free WordPress theme for your website. AccessPress Parallax is a WordPress.

How to create a simple parallax effect | Webdesigner DepotBeautiful Sunflower HD Wallpaper For Macbook Pro | FreePublishing Company - Book Publishing Website HTML Template

Accio is a top-notch premium one-page WordPress theme with a built-in parallax scrolling effects, full screen image and video slider, and advanced navigation options. Additionally, this theme is developed using Bootstrap which makes it mobile-first and well optimized for other devices as well. The creators gave Accio a unique pixel perfect. Premium WordPress Themes. Want access to and support for all our themes? Explore our all-in-one Genesis Pro, Hosting, and Agency solutions #1 WordPress One page / Parallax Theme - AccessPress Parallax Pro. AccessPress Parallax PRO - is a beautiful WordPress theme with Parallax design / effects. Parallax design has become popular and is being adopted because - 3D effects are possible with it, you can add some sphere to your product, it is the best way of storytelling, you can draw your visitors in, it is interactive. 5 Best Parallax Scrolling WordPress Themes 2021. Template Name. Downloads. Price. Hazel - Clean Minimalist Multi-Purpose WordPress Theme. 1,509. $98. Provise - Special Financial Consulting WordPress Theme. 1,033 Paper Plane v1.0.7 - Creative Parallax WordPress Blog Theme (Nulled) PHP Scripts Nulled Premium Wordpress Plugins Mobile Android ios Apps games Download Fre It includes features like parallax scrolling, different product menus, shortcodes for the title, descriptions, prices and images of your dishes, a customized shortcode for the online reservation, Woo-Commerce compatible, responsive and mobile ready design, SEO ready, clean and modern code to make the live page better and others as well