When I bought a premium theme for the first time I have started customizing it. First thing I have done is I have edited the menu bar and website logo manually. I have got a logo design from a graphic designer and placed in my website. I did a custom alignment and the look and feel of my website looks good in my Laptop which is about 21 inch.
After a week I had again visited my Graphic Designer. He said to me that it looks like you have made some changes to your website. I felt happy and said Yes I have changed my menu bar and logo. He smiled and shown my Website in his Desktop. I got shocked really to see my Website. The menu bar is found at right side and the logo is found at the left side of screen. As he is an Graphic Designer he uses an big desktop. He uses 32 inch desktop.
I returned home and reverted back all the changes that I did to menu bar and logo. I thought of buying desktop of different sizes, but I don’t have enough money in my pocket to buy different size desktops. An idea strikes in my mind. I thought if there is an online resolution tool it will be easy and less expensive. To my surprise I found lot of free online screen resolution testing tools.
Here I will tell you how to find your screen resolution and test your website in different screen resolutions.
Find What Screen Resolution you are Using
I have tested my screen resolution with whatismyscreenresolution. This site will help you in identifying the resolution of your website.
Test your Website in Different Screen Resolution
Next thing I done is I have used Quirktools to test my website with different screen resolutions. My site customization looked good in my 21 inch desktop, Smart Phone and Tablet. When I tested the site above 21 inch the menu and logo doesn’t aligned properly.
Before discovering the online screen resolution tools I am not confident to customize my website. Then I felt confident and played with editing the CSS file. I have edited my CSS file now with new code and made a better customization now.