Archived

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

  • 0

Website Layout Adjusting With Browser Size


Question

Posted · Report post

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

7 answers to this question

Posted · Report post

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

Posted · Report post

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.

Share this post


Link to post
Share on other sites

Posted · Report post

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

Posted · Report post

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/

Share this post


Link to post
Share on other sites

Posted · Report post

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/

Share this post


Link to post
Share on other sites

Posted · Report post

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

Posted · Report post

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

Share this post


Link to post
Share on other sites