Resolve

A collaborative online community that brings together photographers and creative professionals of every kind to find ways to keep photography relevant, respected, and profitable.

Have an idea for a post?

Want us to find an answer to your question? Interested in becoming a contributor?Email us

‹ Home

How to Know If Your Website is Mobile Responsive

Within the last few months, Google has announced that it will be changing its algorithm to rank mobile-optimized websites higher than ones that aren’t as mobile-friendly. This will be taking effect next month, and if your business’ website isn’t prepared, you could see a significant drop in website traffic.

And this isn’t just a big issue for SEO: more than half of all web users today are browsing websites on mobile devices. This means your overall user experience for your online customers matters now more than ever before.

If you aren’t sure if your website is up to the proper standards, here’s how to check for mobile-responsiveness.

First: Understanding Mobile-Friendly Design

Have you ever stumbled across a website on your phone or tablet that looks like a tiny version of what it looks like on desktop? Many websites that are not mobile-friendly require users to “zoom in” (as if you were expanding an image on your phone) in order to read information or make the buttons appear big enough to click on with a finger.

In contrast, websites that are mobile-friendly or responsive have a unique design that fits well on smaller devices. The text will appear at an appropriate size, the buttons are big enough to select, and the navigation menu is clear and easy to use without you having to search for it.

Using Google’s Test

One of the easiest tools available out there is the Mobile-Friendly Test provided by Google. Simply enter your website’s URL and the test will be completed within a minute or two.

Then you’ll see “a screenshot of how the page looks to Google on a mobile device, as well as a list of any mobile usability problems that it finds.”

If your results say that it has no loading issues and is mobile-friendly, you’re good to go!

Or Try it For Yourself

Another way to test for mobile-responsiveness is to visit the website on your own mobile device(s).

Try loading your website on your iPhone or Android device and see how it functions. Can you explore the website easily? Does it load quickly? Is the text legible?

You might even double-check by borrowing phones or tablets from friends or family to see how your website appears on different devices and browsers.

What to Do if Your Website Isn’t Responsive

Whether you had less-than-stellar results on Google’s mobile test or you saw for yourself that your website is indeed not mobile-friendly, no need to panic!

Instead, work on tackling the problem at the source. Start your free trial on liveBooks today! liveBooks offers mobile-responsive, customizable website templates for creative professionals and businesses worldwide.

The best part? Our website designs are ready for search engines and look great on any mobile device!

We’ve also got a top-notch support team who’s here to help you every step of the way. Start for free here.

Michael Grecco is an award-winning internationally renowned director and photographer of celebrity portraits, advertising and editorial commissions, private collections and fine art.

One of the most respected and sought after visual storytellers in the world, his conceptual vision and signature dramatic lighting create distinctive images that are evocative, sophisticated and comedic. Grecco has been shooting iconic portraits of the most recognized entertainment stars such as Steven Spielberg, Martin Scorsese, Will Ferrell and Penelope Cruz.

Known not only for his high-concept imagery and his ability to light like no other, Grecco is also valued for his innate ability to connect with each subject to bring out surprising nuance and a conceptual twist that makes even the most recognizable faces intriguing and fresh. Photographing intimate portraits of celebrities, boxers, rappers, scientists, and business leaders, Grecco’s images captivate our attention and imagination. Thus he delivers on every aspect of his client’s vision, satisfying the most recognized brands including Apple, Blue Cross/Blue Shield, Direct TV, and Pfizer.

On the pulse point of cutting edge technology and innovation, Grecco is a regarded expert and celebrated speaker on creativity, photography and his signature lighting and directorial technique worldwide. As a Hasselblad Master he is a sought after trainer, traveling the globe speaking and leading informative and hands on workshops.

His provocative documentary movie and accompanying book Naked Ambition has earned critical acclaim. His award winning still images are published the world over in magazines such as Esquire, Vanity Fair, Rolling Stone and Time.

Grecco is often referred to as the Master of Lighting. He is the author of the best-selling photographer’s guidebook: Lighting and the Dramatic Portrait: The Art of Celebrity and Editorial Photography, which is now available as an eBook. His lectures on photography are popular and he has been profiled extensively in key photographic trade journals.

Michael Grecco is based in Los Angeles. He is a devoted father to three children. In his spare time he can be seen exploring his hometown subcultures on his Triumph Bonneville with his favorite camera in tow, ready to find, capture and inspire.

Q&A with Michael Grecco

Q1: How would you describe the aesthetic of your website in three words?

MG: EVOCATIVE. CINEMATIC. INSPIRATION.

Q2: How do you choose the work you display on your homepage?

MG: I worked closely with my film editor in picking images, Cinemagraphs and motion segments that would work together in the director’s real. All the images are from the portfolios on the site and then he made the final selects to use in the finished piece.

Q3: What is your favorite feature of liveBooks?

MG: That they have an already formatted backend that makes changing the content easy.

Q4: What’s one piece of advice you’d offer to someone designing their website?

MG: Take your time and do it right. We redid things that did not work, and it makes a difference in the end product.

Q5: Tell us about a recent project that you’re proud of.

MG: I am currently working on a 6-part documentary TV series, documentary film, book and fashion line based on some of my archival images.

“To shoot dramatic and conceptual portraits, I create moments to capture with my lens that unlock the hidden story of our innermost being to reveal the drama, comedy, and irony of who we really are.” – Michael Grecco

See more of Michael Grecco’s work here: www.michaelgrecco.com

June 4th, 2018

How to Protect Your Images

Posted by liveBooks

Piracy and image theft can be an issue among content creators and most of the time it’s only one right-click away. One way of ensuring ownership on your images is adding watermarks on each item before uploading it online. While this is a common practice among some artists, we understand you may be hesitant to use them. Here are the pros and cons of using watermarks on your online portfolios.

The easiest way for someone to take your photograph is to right-click on it and save the image on their computer or to right-click and copy the image address. But what if we could disable right-clicking on all your images?

The way to disable right-clicking on liveBooks requires utilizing the HTML content block feature. And it’s easy! All you have to do is copy and paste a HTML snippet that will be provided in this article into a HTML block from your content editor and publish that new change. You can disable right-clicking on images on your entire website or on specific pages.

Follow these instructions to disable right-click on images throughout your entire website:

  1. In your Content editor, under Global Content, select Footer. 
  2. Create an HTML content block within the footer.
  3. Copy and paste this HTML snippet to the HTML content block you created: <script type=”text/javascript”>
    //<![CDATA[
    /* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
    Disable context menu on images by GreenLava (BloggerSentral.com)
    Version 1.0
    You are free to copy and share this code but please do not remove this credit notice.
    ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */
    function nocontext(e) {
    var clickedTag = (e==null) ? event.srcElement.tagName : e.target.tagName;
    if (clickedTag == “IMG”) {
    alert(alertMsg);
    return false;
    }
    }
    var alertMsg = “Image context menu is disabled”;
    document.oncontextmenu = nocontext;
    //]]>
    </script>
  4. Save, publish and you’re done!

If you wish to only add this feature to a specific page, follow these instructions:

  1. In the Content editor, click into the Page you wish to add this feature to.
  2. Create an HTML content block to this page. 
  3. Add the following HTML snippet to the HTML content block you created: <script type=”text/javascript”>
    //<![CDATA[
    /* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
    Disable context menu on images by GreenLava (BloggerSentral.com)
    Version 1.0
    You are free to copy and share this code but please do not remove this credit notice.
    ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */
    function nocontext(e) {
    var clickedTag = (e==null) ? event.srcElement.tagName : e.target.tagName;
    if (clickedTag == “IMG”) {
    alert(alertMsg);
    return false;
    }
    }
    var alertMsg = “Image context menu is disabled”;
    document.oncontextmenu = nocontext;
    //]]>
    </script>
  4. Save, publish and you’re done!

Now when you or anyone else will right-click your images, a notification pop-up will show up instead. It will look something like this, depending on the operating system installed on the visitor’s computer, phone or tablet. (For phone or tablets, these chances affect the action generated by long pressing on your images.)

The default message when trying to right-click an image is ‘Image context menu is disabled’, but you can replace it to whatever you like in the code above. If you prefer not to show the alert box at all, just delete this portion of the code:

alert(alertMsg);

return false;

}

}

var alertMsg = “Image context menu is disabled”;  

Our support specialists are happy to help you make any changes you want on your liveBooks website. Book a call, send an email or chat directly from our website!

Design and layout consistency matter when presenting your work to your online audience. Whether they are new visitors checking out your portfolios or long established fans of your work, roaming around your website should feel like a cohesive experience. The unification of style, colors, visual elements and tone of voice in your writing are elements that define your brand, albeit a small part of it. Check out this article for more details on how to enhance your brand.

So how does duplicating a page help your brand? When you duplicate a page, you create an exact clone of it on your website. This means that all the structural elements and design specifications will be transferred over to your new page. So will all your content from the duplicated page; all you will have to do is replace the copies with your content of choice.

We encourage all clients to add features and experiment with all the design editor has to offer. In this respect, we find page duplication an important feature for all our clients, because when you’ve come to the ideal setup for your page, all that’s left is to duplicate it, fill in the content and publish your work.

We make page duplication sound very easy, and it is: right now you are four clicks away from creating a new page with the same structure. Before we start, make sure your targeted page is set to visible. You can change this setting back after you’ve duplicated it.

  1. First click on your content editor to see the list of all your pages.
  2. Select the gear icon on any page that you wish to duplicate.
  3. In the black modal popup, select the blue Duplicate page link. 
  4. Select the green Yes button when prompted. Your new page will appear right under the target page and it will have the same title. 

That’s it! Now all you have to do is change the content in your new page. These two pages are not synced, so should you make any structural or design changes in one, the other will remain the same.

Don’t have a website to try out this wonderful feature? You can sign up for a free trial today!

FREE EBOOK

Learn how to engage your audience and
build brand recognition across social
channels. Learn more...

Free eBook

Search Resolve

Search

READY TO GET STARTED?

Pick your package. Pick your design.
No credit card required.

Start 14-day Free Trial
Compare packages