Thread: Page width...

Results 1 to 5 of 5
  1. #1
    Join Date
    Feb 2012
    Plugin Contributions

    Default Page width...

    [Note: remember to include site URL, ZC version, list of plugins, PHP version, etc ... read the Posting Tips shown above for information to include in your post here. And, remove this comment before actually posting!]

    I have re built my websites on a computer with a much higher screen resolution and had not realised it was making a difference until I have switched back to an older laptop.

    When I view the website I have a scroll bar along the bottom. So the page is too wide I think?

    However I cant remember which of the many things I have changed, will fix it!

    I looked on inspect element however it doesnt seem to change it.

    Any ideas?

    Thank you

  2. #2
    Join Date
    Sep 2012
    Upstate South Carolina
    Plugin Contributions

    Default Re: Page width...

    You have a lot of unclosed HTML tags. That can cause the issue you are having:

    Line 217: <div class='slidesjs-container'>
    Line 217: <div class='slidesjs-control'>
    Line 217: <a>
    Line 217: <a>
    Line 217: <a>
    Line 217: <a>
    Line 217: <ul>
    Line 217: <a>
    Line 230: <div id="mainWrapper">
    Line 261: <ul id="navigation" class="nav-main">
    Line 481: <div id="navSuppWrapper">
    Line 488: <div id="flex-navSupp">
    Line 489: <div class="section group">
    Line 490: <div class="section group">
    Line 490: <li>
    Line 491: <div class="section group">

  3. #3
    Join Date
    Jul 2012
    Plugin Contributions

    Default Re: Page width...

    Looking through the FAQS about changing the page width, the general discussion was to modify the width parameter of #mainWrapper in the stylesheet. That was set to 100%, so not sure what would have been done to modify it unless there was a desire to make it a set value which would cause other displays to have a "scroll bar".
    ZC Installation/Maintenance Support <- Site
    Contribution for contributions welcome...
    Upgraded to Zen Cart V1.5.3 from V1.5.1 from V1.5.0 from V1.3.9h

  4. #4
    Join Date
    Sep 2008
    DownUnder, overlooking South Pole.
    Plugin Contributions

    Default Re: Page width...

    Best to go flexible/fluid widths (eg width:100%;) for small screens followed by max-width for big screens (max-width:1400px;).

    IIRC These go in your default css file with the largest wrapper tag after the body tag.

  5. #5
    Join Date
    Feb 2009
    Plugin Contributions

    Default Re: Page width...

    I believe it is the dropdown menu running across your page - beneath the logo - that is causing the page-width overflow, particularly the

    #navigation {
       width: 1350px;
    in stylesheet_dropdown-menu.css

    If you adjust, or perhaps, remove that then you won't have the overflow issue but you will still need to work on the widths/padding of the individual categories.



Similar Threads

  1. change width on the categories page (price width)
    By oberheimer in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 3 Sep 2010, 05:53 PM
  2. Column Width and Sidebox Width not working
    By khopek in forum Customization from the Admin
    Replies: 11
    Last Post: 8 Jan 2010, 06:22 PM
  3. EZ page width
    By livingstons in forum Templates, Stylesheets, Page Layout
    Replies: 1
    Last Post: 1 Dec 2008, 06:29 PM
  4. Main Page(Define Pages Editor) throws page width off
    By audradh in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 30 Jun 2006, 02:36 AM


Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
Zen-Cart, Internet Selling Services, Klamath Falls, OR