Viewing Mobile Page issues
Mobile Page issues
|
User: Yelena 12 years ago
|
|
|
I didn't mean to rebuild the page, I actually had to create a new site....Maybe you can try to make a new site and only do a mobile page - just to see if the problem is within the main site somewhere....I am assuming your page is set up for Centered Layout?
------------------------------- Yelena MacBook Pro OS X 10.10.3 IMac 21" OS X 10.10.3 |
|
|
User: pumpkin 12 years ago
|
|
|
Hm, I might do that. And yes, the layout is centered.
------------------------------- Darian new to web design ______________________ My websites: <b>Vocal Affairs</b> // <b>Singkehlchen</b> |
|
|
User: Paul-RAGESW 12 years ago
|
|
|
Darian, I'll need you to send me your website project file then so I can take a look. Send it to https://billing.ragesw.com/submitticket.php In the Finder go to the Go menu and select 'Go To Folder' Then enter this in the dialog that opens up ~/Library/Application Support/EasyWeb/ Send me the files in that folder. Please compress them before sending it to me by right clicking on them and selecting Compress. If the file is too big, you can upload it at http://ge.tt and send the link to me. ------------------------------- Paul EverWeb Developer |
|
|
User: Roddy 12 years ago
|
|
Looking at your code I notice this just before the closing body tag...<style type="text/css">You have used a universal selector to reset margin and padding to zero presumably with the intention of applying this to the heading styles. The problem is that it also resets all the preceding ones. If you use a selector like this it should go at the top of the styles. Although it's at the top of the styles that you entered it's not at the top of the styles entered by EasyWeb! You should either apply the the margin: 0; padding: 0 to each heading or do this.... h1, h2, h3 {margin: 0; padding: 0}
------------------------------- Roddy Website: http://everwebwidgets.com Contact: http://everwebwidgets.com/ewWidgets-home/contact.html NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own. |
|
|
User: pumpkin 12 years ago
|
|
|
[quote="Roddy":3g2573tc]You have used a universal selector to reset margin and padding to zero presumably with the intention of applying this to the heading styles. The problem is that it also resets all the preceding ones.[/quote:3g2573tc] Using a universal selector to reset margin and padding was your suggestion in another thread ;) [quote="Roddy":3g2573tc]If you use a selector like this it should go at the top of the styles. Although it's at the top of the styles that you entered it's not at the top of the styles entered by EasyWeb! You should either apply the the margin: 0; padding: 0 to each heading or do this.... h1, h2, h3 {margin: 0; padding: 0}[/quote:3g2573tc]Alright, I added the code to the head code area though. I have no influence however where it ends up in the published code. ------------------------------- Darian new to web design ______________________ My websites: <b>Vocal Affairs</b> // <b>Singkehlchen</b> |
|
|
User: pumpkin 12 years ago
|
|
|
[quote="admin":3ge22avx]Darian, I'll need you to send me your website project file then so I can take a look. Send it to https://billing.ragesw.com/submitticket.php.[/quote:3ge22avx] Sent. Thanks Paul ------------------------------- Darian new to web design ______________________ My websites: <b>Vocal Affairs</b> // <b>Singkehlchen</b> |
|
|
User: Roddy 12 years ago
|
|
|
Quote: Using a universal selector to reset margin and padding was your suggestion in another thread This is added at the very beginning of a complete stylesheet to save you repeating these in a bunch of selectors. When you insert CSS in the Head Code box it is inserted after all the styles set by EasyWeb and will therefore override them. It was me that requested this so that we can overwrite the styles. An example would be customizing the navigation menu. CSS is kind of backwards in that the last override the ones before and selectors are read right to left by the browser. In this selector... #nav ul li a {...} The browser reads anchor then list item, then the unordered list and finally the div. You can't just blindly apply CSS without considering what the existing styles are in both the doc head and any external stylesheets. ------------------------------- Roddy Website: http://everwebwidgets.com Contact: http://everwebwidgets.com/ewWidgets-home/contact.html NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own. |
|
|
User: pumpkin 12 years ago
|
|
|
One more issue that I just discovered on my mobile pages (apart from the page width not filling the iPhone display): I use the standard navigation bar still, even for the mobile page. And whenever I hover / tap on the two navigation items that are directories (or pages in a directory) in EasyWeb, I get an error message. Can't say which one, my wife is away with her iPhone atm. But it's something like "Error ... the requested URL singkehlchen.de/musikgarten/musikgarten/musikgarten_m.html can't be found". And yes, the mobile redirects are properly set up in EasyWeb, same goes for the mobile versions of the directories / pages. They have "This page is for mobile devices" checked. This is how I have the normal and mobile versions (directories and / or) pages ordered (the _m are the mobile pages of course): ------------------------------- Darian new to web design ______________________ My websites: <b>Vocal Affairs</b> // <b>Singkehlchen</b> |
|
 Screen Shot 2013-08-13 at 08.52.40.png  Screen Shot 2013-08-13 at 08.52.53.png  Screen Shot 2013-08-13 at 08.57.56.png |
|
|
User: Roddy 12 years ago
|
|
|
I didn't realise you were creating your mobile site in a directory of your main site! This is probably the root of all your problems. ------------------------------- Roddy Website: http://everwebwidgets.com Contact: http://everwebwidgets.com/ewWidgets-home/contact.html NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own. |
|
|
User: Paul-RAGESW 12 years ago
|
|
|
Both of your issues have been fixed for beta 21.
------------------------------- Paul EverWeb Developer |
|
|
User: pumpkin 12 years ago
|
|
|
[quote="Roddy":33qxt53t]I didn't realise you were creating your mobile site in a directory of your main site! This is probably the root of all your problems.[/quote:33qxt53t] Roddy, I did not create the mobile version of my site in a directory. I do use directorys for the dropdown menu (in both the desktop and mobile version, though dropdown menus aren't the best solution when it comes to mobile design, I need to think of something better). I just put them beneath each other in the list, so I don't need to search long. In general it looks like this: - Homepage - Homepage_m (the mobile version) - News - News_m (the mobile version, you get the idea...) ..> Offers (a directory which is a page as well) ....- Musikgarten ....- Baby Musikgarten ..> Offers_m (same directory / page for mobile) ....- Musikgarten_m ....- Baby Musikgarten_m - About - About_m - Legal - Legal_m That's the way I do it. Is this not how it's supposed to work? I'm open to suggestion to make it better. @paul: Thanks a lot! Good to hear. ------------------------------- Darian new to web design ______________________ My websites: <b>Vocal Affairs</b> // <b>Singkehlchen</b> |
|
|
User: Roddy 12 years ago
|
|
|
I created my mobile site before the feature was introduced in EasyWeb so I used an accordion style menu... http://roddymckay.com/EasyWeb/mobile/ If you look at the Code page you will see how I did the redirect and the URL bar scroll. ------------------------------- Roddy Website: http://everwebwidgets.com Contact: http://everwebwidgets.com/ewWidgets-home/contact.html NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own. |
|
|
User: pumpkin 12 years ago
|
|
|
Just want to say that beta 21 solved this issue. Thanks a lot!
------------------------------- Darian new to web design ______________________ My websites: <b>Vocal Affairs</b> // <b>Singkehlchen</b> |
|
|
User: Christopher 12 years ago
|
|
|
[quote="pumpkin":1hcirup3]Just want to say that beta 21 solved this issue. Thanks a lot![/quote:1hcirup3] Yay, another beta. Bring it on! ------------------------------- rMBP 15", 2.6 Ghz, 16 GB RAM, OS X 10.11.6, with 27" Thunderbolt Cinema Display www.cleetche.com |
|
| Post Reply |
| You must login or signup to post. |