Highlighted

Page formatting is lost on some pages. Not sure why.

New Here ,
Feb 20, 2018

Copy link to clipboard

Copied

I have made some updates to our web site and when I upload the new files I have two pages where the formatting is totally lost. Everything is falling to the bottom of the page and stacked. I've used MUSE and last month those two pages were fine. I just made a minor link adjustment. When I save the site and preview it everything is fine and in place. But once I export as html and upload to the server the formatting is off.

here is the link to the page.

BooksE-Books

can anyone give me some direction?

Thanks

Larry

Everyone...

I figured out my mistake. Uploaded the css files to correspond to the updated html files. Everything is working now.

Adobe Community Professional
Correct answer by fotoroeder | Adobe Community Professional

If we talk about the white empty space towards mobile resolutions – the background image is set to resize in width and height, while the text boxes cannot resize in height at all, they even get taller. So you have to change your mobile design, use that scrubber to check and set your background to resize only in width.

You may have to place your images/booktitles and corresponding text boxes below each other on mobile.

Best Regards,

Uwe

Views

89

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more

Page formatting is lost on some pages. Not sure why.

New Here ,
Feb 20, 2018

Copy link to clipboard

Copied

I have made some updates to our web site and when I upload the new files I have two pages where the formatting is totally lost. Everything is falling to the bottom of the page and stacked. I've used MUSE and last month those two pages were fine. I just made a minor link adjustment. When I save the site and preview it everything is fine and in place. But once I export as html and upload to the server the formatting is off.

here is the link to the page.

BooksE-Books

can anyone give me some direction?

Thanks

Larry

Everyone...

I figured out my mistake. Uploaded the css files to correspond to the updated html files. Everything is working now.

Adobe Community Professional
Correct answer by fotoroeder | Adobe Community Professional

If we talk about the white empty space towards mobile resolutions – the background image is set to resize in width and height, while the text boxes cannot resize in height at all, they even get taller. So you have to change your mobile design, use that scrubber to check and set your background to resize only in width.

You may have to place your images/booktitles and corresponding text boxes below each other on mobile.

Best Regards,

Uwe

Views

90

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Feb 20, 2018 0
Adobe Community Professional ,
Feb 20, 2018

Copy link to clipboard

Copied

If we talk about the white empty space towards mobile resolutions – the background image is set to resize in width and height, while the text boxes cannot resize in height at all, they even get taller. So you have to change your mobile design, use that scrubber to check and set your background to resize only in width.

You may have to place your images/booktitles and corresponding text boxes below each other on mobile.

Best Regards,

Uwe

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Feb 20, 2018 0