Jump to content
vburnham

Website Layout Adjusting With Browser Size

Recommended Posts

vburnham    0
vburnham

I am having the darndest time figuring this one out. My website looks fine and everything is in position when my browser is in full screen mode. But whenever I minimize or adjust the size of the browser, suddenly everything stacks on top of each other and my menu items disappear. Can anyone tell me how I fix this so everything stays in position and scroll bars will appear instead?

Thanks!

 

www.trifuse.org

Share this post


Link to post
Share on other sites
James B    436
James B

Hi there, 

 

In your layout editor you'll have mobile view enabled, a responsive site will stack items on top of each other to best fit the device.

 

For more info see the 'disable mobile view' info on - http://support.pagelines.me/docs/site-options/layout-editor/


Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites
vburnham    0
vburnham

Thanks for the quick reply. I tried what you recommended and it still is stacking. I'm referring to my computer screen as well. If I switch to any of the of other layout modes then my sections get cut off, so I don't want to do that.

Share this post


Link to post
Share on other sites
James B    436
James B

Hi again

 

I've got my site set up like - http://screencast.com/t/4pG33tSGKI and with the disable mobile view selected.

 

On my desktop browser window if I shrink it the site still shows the responsiveness and stacks. When I look directly on the mobile it doesn't, I have a full version of the site shrunk down like http://screencast.com/t/oKBxaYkwt8


Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites
vburnham    0
vburnham

I'm sorry. I don't mean to be a nuscance but my problem isn't with my mobile view. I'm trying to fix how it appears on my computer. Whenever I change any of those pagelines options it makes it look different than what I want. I have full screen sections that I want to keep and the other options don't allow that.

Is what I am asking make sense?

Share this post


Link to post
Share on other sites
James B    436
James B

Hi there, no worries :-)

 

You can set the site to static pixels in the layout editor and still have full width sections. http://screencast.com/t/qkXyDoTlG

I'm not sure what you mean you say its cuts off the sections. If you could send us a screenshot showing what happens we might be able to suggest a css solution.

 

On either of the responsive setups there are trigger widths which cause the various elements change appearance based on the width of the browser window as it scales down which is why you're seeing the layout adjust and the menu change to a different display.


Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites
vburnham    0
vburnham

That fixes the layout problem, but notice how my slider that says "Trifuse A community for Triathlete Moms" doesn't extend to the edge of the browser? Normally it does. Thanks for all your help.

 

Share this post


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

Hi,

 

The area that says Trifuse A Community for Triathlete Moms is a third party section called Wicker. Therefore, we are unable to provide support, I recommend you create a topic in our Store products forums and select the Wicker product from the drop down when creating your topic.

 

http://www.pagelines.com/forum/forum/70-products-by-nick-haskins/


Please search our forums, before posting!

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now


  • Similar Content

    • Anthony King
      By Anthony King+
      I have to say that I like the Layout and the Template based sections. Some of them are really impressive.
      One of the things that I would like to request though is the possibility of being able to dynamically rearrange the layout.
      An example of what I am talking about is take the Agency Section. It's current layout starts with the
      Splash Module then the Portfolio Module then the Service Module and so on and so forth.
      What would be great is if we were able to move these modules around. I.e have the Service Module first
      then maybe the Splash, and then the portfolio.
       
    • Queue-it
      By Queue-it+
      Hi,
      Is is possible to have different layouts for different Post categories? We have Blog posts, News posts and Case studies that all are posts, but is it possible to differentiate their layouts?
      So far when I change a post layout it affects all Post type pages. Could it be done somehow with creating a separate template? 
      Examples below
      https://queue-it.com/news/
      https://queue-it.com/blog/
       
    • huskers2011
      By huskers2011+
      Although my layout in edit view is correct, when I look at the page the layout is wrong. I have moved the sections around and the layout remains the same when I view it. Im using 
       PageLines Platform 5 - v5.0.162 running a Pageline theme &  Wordpress version 4.6.1
      The page is http://kwamedawes.com/speak-from-here-to-there-the-dialogue/ the section order is incorrect. and
      http://kwamedawes.com/speak-from-here-to-there-the-poems/ top section is laid out like the bottom section, but displays as shown.
       
      Thanks for any help.
      Lorna
    • tforasiepi
      By tforasiepi+
      My client is asking for a new blog layout similar to the one found here:  http://blog.perkinswill.com/pokemon-augmented-reality-and-the-future-of-urban-design/ 
      They have a splashy full-width background image overlaid with part of the blog and one sidebar.  The navigation arrows send you to the next post.
      Does anyone know if this is even possible using Framework 5?  If so, can you send me some advice on how to get here?
      Totally stuck!
      Thanks.
    • aldisney
      By aldisney+
      Hi--
      I'm having some trouble understanding how to use the Page Layouts; I want to create a single landing page which does not include navigation or any content from other pages. However, whenever I use the Landing Page template (which is not attached to any other page in the site), and I set the Page Setup to Local, all of the changes I make to the navigation, header, footer, etc., continue to propagate throughout the entire rest of the site. What am I doing wrong? I've already now wasted hours having to rebuild areas for the rest of the site, so I'm a little hesitant to make any more changes.
       
      On a side note, this area of PageLines really could use some work, both in terms of documentation and in terms of UI/UX. It's a pretty reasonable assumption for a user to make to create a new template, set it to Local, and expect that those changes would not impact the rest of the site. 
×