Xara Web Designer 10 Premium - Changing "mobile" design messes up my "main" design

Hi Guys:

I created my main webpage, then "added" a mobile variant.

When I changed the font on the variant, it changed on the main webpage too.

Do you usually keep the same font style and size on both variants as a "rule of thumb". I have seen it both ways on the Xara templates.

If not ...how do I stop design changes on my mobile variant from messing up my main webpage?

Other related question: what is a good font and "size" for a mobile variant, is there a general standard?

Thanks again...much appreciated :)

Karen

I've found that you usually need to go bigger with mobile font sizes. So something that was 13px on desktop would be easier to read at say 16px or 18px on a phone. It will depend on the font and really the best thing is to just keep previewing how it looks on an actual phone until you are happy with a particular size.

Thanks Tom
But how do I stop Xara from changing the "main" webpage size font to the same size as the mobile variant.

Everytime I change something on my variant (formatting-wise), it changes the same thing on the Main (desktop size webpage)....???

Karen

I haven't worked with variants in a good while so I'm not sure, but try this..

1) On your mobile page add some new temporary text in it's own text object with the appropriate style selected
2) Change the font size/colour
3) From the style dropdown select "Update style in this variant"
4) You can delete the temp text

This should only apply the formatting changes to the variant your in. Having said that I'm getting an error when I change the font size and do it. "Failed to find a layout that satisfies the dynamic positioning of all objects on the page"

Looks like you can also break the link completely by right clicking on the text it and selecting Website variants -> Stop sharing with variants. But this means you would have to update text in both variants separately.

Google has a nice Mobile Friendly Test service in their Webmaster Tools. It approves of type as small as 12 point Arial on my sites. Here is a link to the tool:

https://www.google.com/webmasters/to...bile-friendly/

When Google calls your page Awesome, that doesn't mean all of us old folks will find it easy to read - but it does mean that Google will show it in search results for mobile devices.

Quote:

---

Originally Posted by KarenC

Thanks Tom
But how do I stop Xara from changing the "main" webpage size font to the same size as the mobile variant.

Everytime I change something on my variant (formatting-wise), it changes the same thing on the Main (desktop size webpage)....???

Karen

---

Karen, did you ever resolve this? I know in this thread you did not get an answer. I have the same problem. I wold only like to change the formatting, not the content on the mobile variant.

Larry

Quote:

---

Originally Posted by l.hudson

Karen, did you ever resolve this? I know in this thread you did not get an answer. I have the same problem. I wold only like to change the formatting, not the content on the mobile variant.
Larry

---

Larry, the "trick" is to create a separate set of Text Styles for the Variant and use those.

Acorn

Quote:

---

Larry, the "trick" is to create a separate set of Text Styles for the Variant and use those.

---

What's wrong with the 'update text in this variant' Acorn?

Quote:

---

Originally Posted by Egg Bramhill

What's wrong with the 'update text in this variant' Acorn?

---

Egg, 'cos if you do that and the text is shared across Variants, it changes the font in the Main view as well so you have to go back and forth.
Just checked. It is also very implicit and relies on you being aware which design page you are in. It gets confusing if you get the workflow wrong.

I prefer the control I have by setting separate Styles for each Variant.

Both work.

Acorn

Quote:

---

Egg, 'cos if you do that and the text is shared across Variants, it changes the font in the Main view as well so you have to go back and forth.

---

Sorry, it doesn't ???? Puzzled.

Quote:

---

Originally Posted by Egg Bramhill

Sorry, it doesn't ???? Puzzled.

---

No worries, it is probably my ham-fisted approach and I've veered off script.

Acorn

To avoid all this big mess, I keep my desktop and mobile font size to 20 px.