ThemeKit Responsive Hero 50

EverWeb ThemeKit

Responsive Website Design

Take your website design to the next level with this professional class theme.

Tel: 012 345 6789

ThemeKit Themes

The ThemeKit themes are unlike anything available for EverWeb. They allow EverWeb users to create web designs to rival the more expenive Mobirise and Wordpress themes without the drawbacks inherent in these platforms.
Many EverWeb users seem reluctant to update their site to responsive due to the complexity and limitations of the EverWeb Responsive Row.
ThemeKit Themes make it really easy to create a modern website design with those upmarket features that can't be realised using the EverWeb default features and widgets.
The themes contain a completed project file and all the widgets ready set up with placeholder content.
The widgets themselves use the latest advances in web design and are far superior to anything else available.
Each theme comes with a download link for 100s of SVG icons for replacing outdated PNG icons and inferior font icons like Font Awesome.
There's also a download link for the ThemeKit Phone Simulator which can be added to any EverWeb project for quickly checking how design elements look on mobile phones.
Responsive Media
Follow the link below to see the new responsive media theme …
Using ThemeKit
Follow the info link below to learn how to set up and use an EverWeb ThemeKit theme.


Hero Image

The item at the top of this page is the ThemeKit Responsive Hero 50 which has the option to have a 50% width slide in panel - left or right - which becomes full with below the breakpoint.
Follow the link below to see the other version of the Responsive Hero and find out how to make a hero item suitable for a responsive website.

ThemeKit Responsive Article

Article

The article element is probably the most used item so it should have options for all these little details that separate professional grade from a standard website design.
Sidebar
A well designed sidebar item can be used if more info needs to be included.

Sidebar

ThemeKit Themes

Check out the information about installing a ThemeKit theme, how to set up pages and notes on how using widgets doesn't require any of the default EverWeb items and definitely NOT the responsive row.

Responsive Website Design (RWD)

Creating a website that will give a good user experience on all devices can be created really easily using EverWeb ThemeKit widgets.
The ThemeKit RWD pack and the ThemeKit RWD Media pack provide a quick and easy way to convert an existing fixed width website or to upgrade an existing one that doesn't have a Google Test Score of over 90.

Test Info
Why should I use widgets to create my responsive websites?
A responsive website can be created much better and faster
How do I insert images?
Responsive images need should be resized and optimised
Why do I need to insert two image files?
An image that is full or content width on a desktop browser is far too big for mobile devices
Should I use @2x Retina images?
Unless all your visitors are using Apple devices there's no advantage and they impede page download
What about video players?
For best results use self hosted MP4 video with a player that shows a poster image on page load and can insert a smaller video file for mobile devices
Can I use Vimeo or YouTube ?
Hosted video is best avoid on responsive pages.
If you must use it make sure the widget allows you to lazy load it
What about links?
Replace links in text with CTA (call to action) style links below the text.
Minimum height - 30px
Minimum width - 32 to 40px
What is the best navigation style ?
Replace horizontal navigation with a vertical overlay that covers the page content.
Max sure the action tab for the mobile menu appears in the lower half of the screen
Why should I remove the footer?
Large footers packed with info are a complete waste of space and an inconvenience for mobile device users
What should I use instead?
Use a contact info bar near the top of the page and a footer at the bottom with a link to an Info page containing all the "fine print"

Home Page

The home page must download in under 2 seconds and have a Google score of over 90 on mobile phones.
Find out how to make your website faster and increase its score.

More Info …

Contact Info

Contact info must be displayed immediately on page load or visitors will mistrust the website.
Use the Responsive Contact Bar widget to insert it where it is needed most.

Contact

Stats

The European law concerning data collection & privacy has changed recently.
This has made all existing EverWeb "cookie" widgets redundant.
Find out more …

Cookies

Testing

Over 60% of visitors use mobile devices.
Find out how to quickly test mobile pages using the EverWeb ThemeKit Phone Simulator widget.

Simulator

Important Info

ThemeKit Responsive Image Row 1

Navigation

Find out why most navigation menus are very inefficient at their primary task of getting visitors to browse other pages and are not convenient for mobile device users …

Navigation
ThemeKit Responsive Image Row 2

Footer

Most website footers are not suitable for responsive websites. Find out why and how to replace them with a superior design.

Footer
ThemeKit Responsive Image Row 3

Responsive Images

Find out how to prepare, optimise and insert images in a responsive page.

Images

Responsive Link List

Sometimes a proper list with info about the target page's content is better for navigating to other pages, sections, products or service …

Text

Take web page text to the next level using features like styled separators, block quote and mark …


Images

Inserting images in responsive pages requires resizing, optimising and providing a smaller image for mobile devices …


Hero

The hero image has become a very popular feature in websites but needs special consideration for responsive pages …


Navigation

Navigation is very important but is poorly designed and implemented on a huge number of websites …


Speed

Aim for a Google test score of over 90 and a really fast time for interaction to be available. Most pages don't!


Footer

Find out why most footers are an ugly waste of space and a major aggravation for mobile phone users …


Media

Go to the RWD Media section of this site to find out to insert images, slideshows and video players in responsive pages …



Quick Links

Contact
Contact info should be visible immediately on page load. The ThemeKit RWD Contact bar is shown as an overlay at the bottom of the hero item at the top of this page.
Navigation
Use the quick links shown below to replace any text links which are now redundant and not user friendly for over 60% of your visitors using mobile devices.
Replace inefficient drop down directory navigation with mobile compatible link bar, image row or icon row shown below to navigate to sections or important pages.

WOT - No Footer?

This page has no conventional style footer. Instead it uses the Footer Bar widget. To find out how and why a footer is not a good idea for responsive pages, follow the link below …