Website Display Issue on Larger Screen Sizes
Dear Support Team,
I hope you are well.
I am experiencing a display issue on my website axrconsulting.ro. When the browser window or screen size is increased, the layout does not scale correctly and the website design becomes distorted and visually unpleasant.
The elements do not appear to adapt properly to larger screen resolutions, and the layout looks misaligned. It seems that the site may not be behaving responsively.
Could you please help me with the following:
- Identify why the website layout breaks when the screen size increases.
- Confirm whether there is a server configuration, caching, or theme-related issue causing this behavior.
- Advise what settings or modifications are required to make the website display correctly on larger screens.
If necessary, I can provide screenshots or additional information.
Thank you in advance for your assistance.
Kind regards,
Razvan Cabalau
AXR Consulting Business Europe
+40 750 447 080
Comments
Hi,
Please explain what you mean by "larger screen". I have checked that of the ultrawide monitor (2560x1080), and your website displays correctly:
Thanks
Hi,
Thank you for your response and for checking the website on a larger ultrawide screen.
What I was referring to is the appearance of the website when the screen size becomes smaller or when the browser window is resized. In these cases, the layout does not scale properly and some elements appear misaligned or visually distorted.
Could you please check how the website behaves on smaller screen resolutions or when the browser window is reduced (for example laptop screens or when the page is not displayed in full width)?
I would like to know:
If necessary, I can also send additional screenshots showing the issue.
Thank you very much for your assistance.
Kind regards,
Răzvan Căbălău
The behavior you're observing when resizing the browser window is actually a standard characteristic of responsive web design and not an issue or bug within Betheme itself.
Modern websites are built using "fluid" or "responsive" layouts. When you manually scale a browser window, the viewport changes in real-time. Browsers are programmed to recalculate the position of every HTML element, image, and text block to fit the new dimensions. If certain elements reach their defined limits or if there isn't enough horizontal space, they will naturally "wrap" (move to the next line) or shift their alignment. This is a fundamental part of how CSS works, ensuring a site remains readable on different devices.
If you feel the layout breaks too easily or looks unappealing at certain widths, instead of using fixed pixel values (px) for margins or padding, try using percentages (%) or viewport units (vw/vh). This allows elements to shrink and grow proportionally.
Best regards