Stacking when window narrows
I'm seeing that some of the demos stack page content when the browser window (viewport) is narrowed. The "Able", "Charity" and "Fresh" demos all exhibit this characteristic. How is this done? This can't be simply a transition to a website varient. That change is more instant. Have searched help and forum to no avail. Not even sure exactly what to search.
My site is http://www.aartvarkgrafix.com/aartvarkgrafix/pourhouse/
Re: Stacking when window narrows
Quote:
Originally Posted by
edmiston99
This can't be simply a transition to a website varient.
I think it is. Would you like to give a link?
Re: Stacking when window narrows
I think what you are seeing as stacked content is images set to scale. Xara does not create a "responsive" site in as much as the content is stacked. Xara does allow you to create "variants" for different size browsers. What you might also be seeing is a site with a large main variant, a tablet size variant, and a mobile variant.
Re: Stacking when window narrows
The first (able) is the most successful example (although not entirely), but I think Gary is right. I think I was just interpreting variant transitions as stacking.
http://previews.xara.hosting/able/
http://previews.xara.hosting/charity/
http://previews.xara.hosting/fresh/
I've have ultimately had some success getting the mobile variant behaving as described now at http://www.aartvarkgrafix.com/aartvarkgrafix/pourhouse/
Re: Stacking when window narrows
Nice looking site and photography, edmiston. Just one suggestion: remove the drop shadow from the white text on the green backgrounds. The shadow is not needed for readability and looks a bit dated in this new design.
Re: Stacking when window narrows
Thank you Boy for the accolades. The shadow is not needed for readability at SOME widths. The text (specifically the "les" in "Candles" gets completely lost over the white wax flakes when the viewport is narrowed to other widths.
Re: Stacking when window narrows
Pleasure, edmiston. To be sure, I was only suggesting to remove the drop shadow from the white text on the GREEN backgrounds.