Copy link to clipboard
Copied
I have spent a lot of time trying to come up with a solution for this problem, and it is quite frustrating, so any support would be appreciated.
Whilst zooming in and out of a browser window (control zoom) or by navigating through the browser interface, content that is overhanging in muse (if your website is not responsive) is shown to be overhanging the page (expected as normal)
The problem with manually adjusting and cropping the size of contents within muse is that it does not adjust to the perfect pixel of the edge of the breakpoint (especially images). Every time I try to make content (especially images) reach out to the edge of the breakpoint, it is either slightly to short (creating a white gap within the browser) or slightly overhanging the page. I try to leave a bit of leeway with the content (especially images) by making them sit slightly over the page width, so that I am certain that there are no gaps within the page on the browser. The problem with this is that when I zoom out within the browser, the content obviously appears to be overhanging. I have tried using different widges and code which I have found on the internet, but nothing seems to work.
I have also come up with the idea to place a solid background on a bottom layer of the page, and somehow creating another solid background over the page width and just setting that to subtract (on a top layer), but im not sure if there is anything like that in muse.
Any ideas...
Regards, Paul
Now I can think of a better option, placing an empty rectangle in the background of the image and filling it up with grey color and setting it as stretch to browser width.
Copy link to clipboard
Copied
Hey Paul,
Can we please have the URL of your site for testing?
Once after sharing the that, we can dig into the details of the site.
Regards,
Ankush
Copy link to clipboard
Copied
Hey, my site that im working on is AussietrixGFX (www.aussietrixgfx.com)(its a portfolio website) that im trying to create.
Copy link to clipboard
Copied
How about giving a browser fill?
By this, you will avoid the small white gap.
Regards,
Ankush
Copy link to clipboard
Copied
that could be an option. but there would be contrast between the different colour allocated and the other colours on the page?+
Copy link to clipboard
Copied
Now I can think of a better option, placing an empty rectangle in the background of the image and filling it up with grey color and setting it as stretch to browser width.
Copy link to clipboard
Copied
Just thought you should know... inspiring to improve should be changed to aspiring to improve.
Also, you don't get any traction from search engines when you use images of text. It's much better for your web presence & user accessibility to use REAL text so it can be indexed, scaled, translated and spell checked for accuracy.
Copy link to clipboard
Copied
alright thanks, the reason I used images of text for some instances, is that I have issues with blurry text whilst scaling, will try to change those features again when I try and fix the main problem