DMS 2 Layout lines up on Desktop and Tableet

[burkeproperties 0]

I am trying to make our home page line up on a desktop view and tablet view. On the my monitor everything is lined up but as soon as I zoom in or transfer to a tablet everything is not lined up. What is some css or html I can add the site so that everything auto scales to the screen size. The link to the home page http://proto.burkeproperties.com/ .

 

[Danny+ 1,327]

Hi,

 

I apologise, but I am not quite what you're referring to when you say, your site lines up on desktop but not on a tablet ?

[burkeproperties 0]

On my screen the slider on the left and the textbox on the right under the navigation bar are lined up so that their heights match, same for the 3 boxes below them. When you zoom in on my screen or move to a tablet the heights no longer line up. The text box on the right becomes longer than the slider. I would like them to line up no matter the screen size. The page is shrinking to fit the screen but the items on the page no longer line up. Is there a setting or code so that they auto scale to the screen size and everything lines up?

[Danny+ 1,327]

That isn't possible without custom code. Those lines are custom CSS you have added and when you view your site on a different screen sizes, your content height/width will change so that they're responsive. So the only way to resolve this would be to use more CSS in the form of media queries.

In all honesty, if you want to make this easier for yourself, I would recommend having your slider and TextBox on different rows. This should make it easier. If you choose to keep the same layout, you're going to need to use extensive CSS to keep those border aligned on all browsers and devices.

[burkeproperties 0]

What kind of code would you suggest to keep the border aligned? I am open to adding custom code so that I can keep the same layout.

[Danny+ 1,327]

Unfortunately, we are unable to provide support for users with custom code. However, to keep your borders flush, you will need to use extensive CSS via media queries. If you're not comfortable doing this yourself, then I recommend you contact our helpdesk and ask for a PageLines Pros list of developers.