Jump to content

Archived

This topic is now archived and is closed to further replies.

LukeB

Can't change the site width

Recommended Posts

LukeB    0
LukeB

Hi I am using the latest version of Pagelines Framework and WordPress.

 

For some reason I can no longer adjust the my sites width within the layout editor. I am not entirely sure when this started happening but it is definitely in the last couple of weeks.

My site suddenly started ignoring whatever I had set in the layout editor and it reverted to a more narrow width than I had originally set.

 

My site URL is: http://www.danceyrselfclean.com

 

Any assistance on this would be appreciated.

Share this post


Link to post
Share on other sites
Rob    547
Rob

Luke,

 

It may be a plugin conflict (most likely) or just an issue with an API that hasn't been updated.  I'm guessing the plugin issue is where we should go.

 

When you set the width, either by using the sliding width option or setting the numeric value below it, then save, it doesn't stay?

 

First, do you have a cache plugin? If so, clear the cache, then deactivate it.

 

Then, deactivate all the non-PageLines plugins. Test it.  If it works, then one of the plugins you deactivated is the problem.  To isolate it, reactivate one plugin at a time (leave a cache plugin to last), test the width and save.  If you don't have a problem, move on to the next one.  If you do see a problem, then that last re-activated plugin is the one causing the issue.  You'd have to replace it.

  • Like 1

Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
LukeB    0
LukeB

Thanks for the reply.

 

Setting the width by using the sliding width option does not make it take effect on the actual site. I have set a width of 1012px but as you can see on the site it is only 980px.

Sorry I'm not quite sure what you mean when you say setting the numeric value below it?

 

I cleared the cache and I deactivated all plugins but the issue remained.

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

HI,

 

I have just checked my PL Frameworks test sites and I can change the width without any issue. Therefore, it is most likely related to either your plugins or a custom script you have added.
 

Can you disable all active plugins, remove all custom code/scripts and then enabled debug mode please.

 

PageLines > Site Options > Advanced, once enabled, reply and let us know, then we can check the issue further.

  • Like 1

Please search our forums, before posting!

Share this post


Link to post
Share on other sites
LukeB    0
LukeB

From my testing I think it was related to cloudflare rocket loader which attempts to load JavaScript asynchronous. Maybe this will help anyone using the same setup.

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

OK, thanks for informing us, we appreciate it.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites

  • Similar Content

    • thirdstonemedia
      By thirdstonemedia+
      I've been fighting with a resolution issue ? Want to use Flick Slider, the site looks great on my monitor but client says she can't see bottom of homes. I believe she's on an old PC using outdated browser/s ... but, she's important to me and I'd like to make this work, on her system. Without asking her adjust her own set-up. 
      I put the Flick Slider inside a container, here ::
      http://becauze.xyz/home-five
      Set the Height of Flick Slider to 50 Base ... I don't know how this works exactly ... there is a Base then a Min ... but, haven't adjusted the Min ::
      http://becauze.xyz/home-four/
      Tried using Splash Up, which presents the same issue (she can only see top of home) and she wants several images to rotate on Home page, so not sure this would work anyway ::
      http://becauze.xyz/
      I have tried going into Layout and making the width narrower, and that does make the site narrower, but the homes still don't display in full, on her system. Help ?

      Here are her screen grabs, both desktop and iPad  (dumped the chalkboard background).

      FInally, she said these look great ::
      http://www.sinclairaia.com/
      http://www.kristihanson.com/
      What am I doing wrong ?? Is there a better way to accomplish making the site look great on any resolution at any size ?
      Joanne
      (Longtime Pagelines-lover.)


    • wyo22ski
      By wyo22ski+
      Hello,
       
      I'm basically a designer and understand a little on how to change CSS, etc., so please excuse my ignorance...  I recently upgraded to the newest platform from the DMS and my old DMS theme no longer functions.  I'm trying to replace the image slider that my Horizon Photography Theme (Nick Haskins) had created.  The Impulse image slider seemed the closest to what I need, but there are problems.
      It seems the the Impulse section for sliding images defaults to the image width, no the height.  I can change the Impulse stage height and width, but this does nothing to the internal content.  For instance, if I change the height to 200 pixels, the image remains the full width and only shows a cropped section.  I would like the ability to change the Impulse height, and have the image height fit space. 
      I've put this custom CSS in, but again, this only controls the stage height of Impulse:
      .pl-sn-impulse .pl-impulse-cell .cell-wrap, .pl-impulse-container, .owl-stage-outer {
        width: 100%;
      }
       
      Any suggestions welcome.  Thanks 
    • GreyFoxWebDesign
      By GreyFoxWebDesign+
      Hi, so I have an issue that seems specific to iPhones.
      I have 2 "Menus" in a container both set to 6 columns (see image A) - I have added the classes .menuleft and .menuright
      When this gets to 768px and the mobile menu kicks in, both sections revert to 12 columns (or 100% width) so the 2 menus are stacked on top of each other. I want them to remain inline so that they look like image B - so need to control the section width.
      I have added the following CSS:
      .menuleft[class*='pl-col-'] {
        max-width: 22%;
        margin-left: 3%;
        padding-right: 0em;
        padding-left: 0em;
        float: left !important;
      }
      .menuright[class*='pl-col-'] {
        max-width: 74%;
        margin-right: 1%;
        padding-right: 0em;
        padding-left: 0em;
        float: left !important;
      }
      This works well for Android phones, on all online emulators and in Chrome mobile inspector, but does not seem to work on iPhones. I don't have an iPhone so it's very hard to test. Any help would be appreciated. The site is currently live at quitegoodcards.com.
      PS Is there a way to target the li items in the mobile menu toggle (image C) that does not effect the desktop li? There doesn't seem to be a separate class to apply.
      Thanks in advance



    • liberatedspaces
      By liberatedspaces
      My site (http://caffefioresf.com/) started having a couple of weird problems on my home page all of a sudden, without me doing anything. It's run on the latest version of Pagelines Framework.
      1. My Facebook widget that is set to the secondary sidebar to the right of the page content (the info and Open Table widget) is dropping down into the box section
      2. The box section below the content is no longer conforming to the global content width set to 960px in the Site Option Layout Editor and stretching out to the edge of the browser on both sides.
      Any help would be much appreciated!

    • John Olsson
      By John Olsson+
      The screen width of the layout won't stick, it just goes back to "default", tried everything, bot nothing works, not even fullscreen och other choices when i drag the container.
       
      It doesn't matter if I change the layout presets, as seen in the attach screenshot.
       
      I have all the latest themes/plugins, etc..
       
      This is across all my sites.. about 40 of them.. all..
×