Welcome to TalkGraphics.com
Page 1 of 2 12 LastLast
Results 1 to 10 of 16
  1. #1
    Join Date
    Jan 2018
    Location
    El Cajon, CA
    Posts
    37

    Default Responsive Web Design

    Hello All,
    I created a website and mobile variant from the templets in Xara Web Design Premium. Once I got the general wording and pictures on the main site, I understand that it updates the mobile site. However, the formatting keeps getting messed up. I update the main site to look good and the formatting on the mobile site gets messed up and vice versa. Is there a way to fix this, so I don't have to keep going back and forth between the two(mobile and main) and hope it's the same on both?

    Thanks for you help in advance,
    sb
    IP

  2. #2
    Join Date
    Mar 2009
    Posts
    4,521

    Default Re: Responsive Web Design

    You have to use text styles for the app to know which font size etc. you want to use in each variant. It takes a bit of learning and getting used to but then it's very easy to set up and maintain your site. Take a look for 'Text Styles' in the Help file. In that chapter there's also a link to 'Responsive Web Design' with more information about variants.

    You might want to experiment with the Text Styles feature in a dummy website before working on the site you want to build.
    IP

  3. #3
    Join Date
    Jan 2018
    Location
    El Cajon, CA
    Posts
    37

    Default Re: Responsive Web Design

    Thanks for your help, Boy. It really helped. Can you check out my site on a cell phone? The menu bar is a drop down, but when one clicks on "menu," the menu gets big and blocks out the drop down list, so once can't click to go to another page?! How can I turn that off? https://thesandiegomobilenotary.com
    IP

  4. #4
    Join Date
    Mar 2009
    Posts
    4,521

    Default Re: Responsive Web Design

    Yeah, I can see that. Easiest would be if you posted your .web file here so we can take a look. It seems as if you have two instances of 'Menu', one of them being a .jpeg that upon touch activates a pop-up. Also take a look under Web Properties/Image and see if the 'Pop-up photo' checkbox is ticked.
    IP

  5. #5
    Join Date
    Jan 2018
    Location
    El Cajon, CA
    Posts
    37

    Default Re: Responsive Web Design

    9 14 18.web
    I'll try the things you suggested in the meantime.
    IP

  6. #6
    Join Date
    Mar 2009
    Posts
    4,521

    Default Re: Responsive Web Design

    Thanks for posting the file. I noticed that you used MouseDown and MouseOver layers and that caused the problem. MouseOver and MouseDown states should be avoided for use on touchscreen devices such as mobile phones. Now there is only the Navbar group on the MouseOff layer.
    Attached Files Attached Files
    IP

  7. #7

    Default Re: Responsive Web Design

    Quote Originally Posted by tomoffinland17 View Post
    Thanks for your help, Boy. It really helped. Can you check out my site on a cell phone? The menu bar is a drop down, but when one clicks on "menu," the menu gets big and blocks out the drop down list, so once can't click to go to another page?! How can I turn that off? https://thesandiegomobilenotary.com
    When I shrink the page horizontally on my desktop or laptop the site does NOT switch over to the mobile variant.
    IP

  8. #8
    Join Date
    Apr 2012
    Location
    SW England
    Posts
    18,371

    Default Re: Responsive Web Design

    Quote Originally Posted by craftech View Post
    When I shrink the page horizontally on my desktop or laptop the site does NOT switch over to the mobile variant.
    It does for me at 725px.

    Acorn
    Acorn - installed Xara software: Cloud+/Pro+ and most others back through time (to CC's Artworks). Contact for technical remediation/consultancy for your web designs.
    When we provide assistance, your responses are valuable as they benefit the community. TG Nuggets you might like. Report faults: Xara Cloud+/Pro+/Magix Legacy; Xara KB & Chat
    IP

  9. #9
    Join Date
    Jan 2018
    Location
    El Cajon, CA
    Posts
    37

    Default Re: Responsive Web Design

    Thanks I'll look at that. I was reading about MouseDown and MouseOver layers and it's complicated for a novice, but looks like it is working now.
    IP

  10. #10
    Join Date
    Mar 2009
    Posts
    4,521

    Default Re: Responsive Web Design

    Have you uploaded the new version? It still shows the popup image.
    IP

 

 

Tags for this Thread

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •