Here is how to make full responsive sites with Artisteer


Author Message
Edward

Posted: 12/10/2014
Quote message 

Make full responsive sites flat style or any thing you want.

Design your top menu and header and top text size and position and footer setting all in Artisteer.

Also set everything to 100% full wide. Set up your your blog page setting. Then save out all for wordpress.

Install your theme on your site.
Go and buy Beaver builder plugin and install it and use it to design all you responsive pages you can design just about anything you want with this. I just started using it and worked out how to use it with a Artisteer designed theme.

you need to fix one of the files in Artisteer as it ads in extra space you do not want that shows up only in cell phone view.
in your WP back end go to edit and go to the style.responsive.css file and edit it very easy.

Change the image border from 1% to 0

.responsive.responsive-phone .art-content-layout img
{
margin: 0%;

Then change this to 0 like this
.responsive .art-sheet

{
width: auto !important;
min-width: 240px !important;
max-width: none !important;
margin-right: 0% !important;
margin-left: 0% !important;
}


Now it will work as needed on cell phones closing up all the gaps you do not need now

Here are a few home page designs i did on a test site using Artisteer and Beaver builder plugin for a site i am working on.

http://destinvacationguide.com/testtwo/
Site may only be up for a short time as i am using this as a test bed

Still have a few more things to set up in Artisteer for the blog page but this is a great combo. I wanted to share here. :-)
 
Roland

Posted: 12/11/2014
Quote message 

+1 for Beaver Builder! :)
 
Ray

Posted: 11/28/2016
Quote message 

I've grown fond of some of the graphic effects in Artisteer and just invested in Beaver Builder also- Thanks for the tip Edward! (two years later!)...