Web Wiz - Solar Powered Eco Web Hosting

  New Posts New Posts RSS Feed - 100% width on mobile & Ads only showing on desktop
  FAQ FAQ  Forum Search   Events   Register Register  Login Login

100% width on mobile & Ads only showing on desktop

 Post Reply Post Reply
Author
slappyJ View Drop Down
Groupie
Groupie
Avatar

Joined: 28 January 2004
Status: Offline
Points: 160
Post Options Post Options   Thanks (0) Thanks(0)   Quote slappyJ Quote  Post ReplyReply Direct Link To This Post Topic: 100% width on mobile & Ads only showing on desktop
    Posted: 30 May 2019 at 10:08pm
Two questions:

1. The mobile version is not stretching to fit 100% width of the screen...were do I make this change?

2. Why does Ad Code only show up on the desktop version?

Thanks


Edited by slappyJ - 30 May 2019 at 10:13pm
Back to Top
WebWiz-Bruce View Drop Down
Admin Group
Admin Group
Avatar
Web Wiz Developer

Joined: 03 September 2001
Location: Poole
Status: Offline
Points: 9558
Post Options Post Options   Thanks (0) Thanks(0)   Quote WebWiz-Bruce Quote  Post ReplyReply Direct Link To This Post Posted: 30 May 2019 at 10:57pm
In the css-styles folder there will be a 'mobile_default_style.css' for your selected skin which can be used to change the appearance and layout of the mobile view.

As the ads for mobile and desktop can be different there is a section in the forum admin area for mobile ads. 
Back to Top
slappyJ View Drop Down
Groupie
Groupie
Avatar

Joined: 28 January 2004
Status: Offline
Points: 160
Post Options Post Options   Thanks (0) Thanks(0)   Quote slappyJ Quote  Post ReplyReply Direct Link To This Post Posted: 31 May 2019 at 9:40pm
I changed the width of the body css class from 630px to 100% but there is no change.

/* Page body */
body{
    background-color: #FFFFFF;
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    width: 100%;
}

If the width on mobile doesn't fit the entire screen I noticed that banner ads get cut off on the right edge.
Back to Top
WebWiz-Bruce View Drop Down
Admin Group
Admin Group
Avatar
Web Wiz Developer

Joined: 03 September 2001
Location: Poole
Status: Offline
Points: 9558
Post Options Post Options   Thanks (0) Thanks(0)   Quote WebWiz-Bruce Quote  Post ReplyReply Direct Link To This Post Posted: 03 June 2019 at 8:36am
If you have added your own banner image, custom header, or ads to your forum and these are not mobile optimised they can cause the content of your forum to be forced to one side when viewed on a mobile device
Back to Top
slappyJ View Drop Down
Groupie
Groupie
Avatar

Joined: 28 January 2004
Status: Offline
Points: 160
Post Options Post Options   Thanks (0) Thanks(0)   Quote slappyJ Quote  Post ReplyReply Direct Link To This Post Posted: 03 June 2019 at 8:18pm
Thanks Bruce...but you still haven't answered one of my main questions...how do you make mobile fit 100% of the screen?
Back to Top
WebWiz-Bruce View Drop Down
Admin Group
Admin Group
Avatar
Web Wiz Developer

Joined: 03 September 2001
Location: Poole
Status: Offline
Points: 9558
Post Options Post Options   Thanks (0) Thanks(0)   Quote WebWiz-Bruce Quote  Post ReplyReply Direct Link To This Post Posted: 05 June 2019 at 7:07am
In it's default setup it does fit 100% of the screen.

In my last reply I was trying to list things you may have changed that caused the mobile version on your forum to not fit 100% of the mobile device screen.
Back to Top
 Post Reply Post Reply
  Share Topic   

Forum Jump Forum Permissions View Drop Down

Forum Software by Web Wiz Forums® version 12.01
Copyright ©2001-2018 Web Wiz Ltd.


Become a Fan on Facebook Follow us on Twitter Connect with us on LinkedIn Community Forums Web Wiz Blogs Web Wiz News
About Web Wiz | Contact Web Wiz | Terms & Conditions | Cookies | Privacy Policy

Web Wiz is the trading name of Web Wiz Ltd. Company registration No. 05977755. Registered in England and Wales.
Registered office: Web Wiz Ltd, Unit 18, The Glenmore Centre, Fancy Road, Poole, Dorset, BH12 4FB, UK.

Prices exclude VAT unless otherwise stated. VAT No. GB988999105 - $, € prices shown as a guideline only.

Copyright ©2001-2019 Web Wiz Ltd. All rights reserved.