Website doesn't change scale when viewed on a smaller screen/desktop
-
The main Problem is the menu. When having a smaller browser window or smaller screen the menu points will cover images and text. I have the menu set in a vertical position on the left of the website.
I would somehow need the Menu ( and the whole Website) to scale along with the size of the browser/ screen (I work on a 15 inch).
The biggest problem is on my about page...
https://elliottkreyenberg.com/aboutThanks in advanced.
-
Dear @Elli
This happens due to you using 'px' pixels as your default font-size, Pixels are good for certain uses, but they always remain the same 'pixel' size even when you resize your window which, yes can lead to clashes.
There are options within your 'Text formats' to select a % value instead which should scale better (more responsive) - Also if something further is needed you could look into VW - Viewport width.
With vw's the size of you text will be calculated based on the width of the users browser window (viewport).
https://www.w3schools.com/cssref/css_units.asp
Hope this helps Elli and have a wonderful day :)
Richard
-
Dear @Elli
This happens due to you using 'px' pixels as your default font-size, Pixels are good for certain uses, but they always remain the same 'pixel' size even when you resize your window which, yes can lead to clashes.
There are options within your 'Text formats' to select a % value instead which should scale better (more responsive) - Also if something further is needed you could look into VW - Viewport width.
With vw's the size of you text will be calculated based on the width of the users browser window (viewport).
https://www.w3schools.com/cssref/css_units.asp
Hope this helps Elli and have a wonderful day :)
Richard
