badget

Biggest Sale! Special Offer!

Get 30% discount on all of our single themes with this coupon code: #30%SALE

Hurry up! *Limited time offer*

Mobile Usability

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #78792
    Steven Moore
    Participant

    Hello,

    To whom this may concern, I recently downloaded NewsCard Pro for my website, The Laziali (https://thelaziali.com/).

    I am looking to optimize the theme for mobile devices, as 80% of our traffic comes from mobile devices.

    As it stands, I am having issues with:
    – the text being too small to read
    – clickable elements being too close together
    – the content being wider than the screen
    – the viewport has not been set

    I am looking forward to hearing back from someone with regard to how I may improve the mobile capability of my website…

    SK

    #78810

    Hi Steven Moore,

    Thank you for purchasing our Theme. Basically due to screen size variation the Font Size Option will not work below the tablet screen size. For now we have provided the Custom CSS code to increase the Content and Meta element sizes for the smaller screen size below 767px. For that please go to ‘Appearance > Customize > Additional CSS’ and paste the below Custom CSS Code.

    @media (max-width: 767px) {
    	body,
    	input,
    	textarea,
    	select {
    		font-size: 16px;
    	}
    	.entry-meta,
    	.entry-meta a {
    		font-size: 15px;
    	}
    }

    You can change the font sizes on above codes to any sizes as u desired. Please let us know if you want to increase the font size of any elements, We will provide the code for them as well.
    also please explain more about the clickable elements that are closer so that we can provide the appropriate codes and even let us know in which section, page or templates that the content is being wider than the screen size

    Thanks

Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.