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*

Featured images in responsive layout.

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #40644
    samanta.berzina
    Participant

    Hello

    I have installed the Interface (free) theme on my website, but have a problem with the responsive layout.

    I changed the default featured image size in the functions.php file, to match the size of all the other images in my blog posts and it looks just how I wanted it on the desktop view, but when viewed on mobile, the featured image is way too large.

    The website is http://www.littlebigadventures.co.uk

    I tried to add a ‘small’ image size to the functions.php, but that did not work.

    Any advice would be much appreciated. Thank you.

    #40664

    Hi samanta.berzina,

    The site link you have provided is not an interface theme. Just activate the interface theme and let us know.

    Also one thing, You have changed the image size in functions.php file to match the size of all the other images in your blog post. Once you install the regenerate thumbnails plugins and regenerate all the image size.

    Hope doing this may solve your problems.
    Thank you!

    #40683
    samanta.berzina
    Participant

    Hi

    Thanks for the quick response.

    Sorry, I only realised this morning that I changed my theme back to the old one after writing the above post here. Now it is set to Interface so you can compare desktop and mobile versions.

    I have already regenerated the thumbnails before looking for help here. As I said, the desktop version is just the way I want it, it is just the mobile one that is causing problems.

    Thank you.

    #40723

    Hi samanta.berzina,

    Did you made any code customization on it? If not then first of all deactivate all the plugins that you have installed in your dashboard. If you again have the same issues then let us know.

    Thank you!

    #40762
    samanta.berzina
    Participant

    Hi

    The only thing I changed was the default ‘featured’ image size in the functions.php file to a width of 622px to match all the other images in my blog posts. Nothing else has been changed apart from that.

    Thanks

    #40765

    Hi samanta.berzina,
    Did you change the default image size “featured”?
    Just change only the numeric value 622 or 300. After changing this image size you need to regenerate the thumbnails.
    add_image_size( 'featured', 622, 300, true ); // don't change the name featured.

    Thank you!

    #40789
    samanta.berzina
    Participant

    Hi

    Sorry, seems that we are not getting anywhere. I copied the code you gave into the functions.php and regenerated all images. Still the mobile view is not working.

    I will not say that I know much about themes and codes, but I was wondering why there is image sizes set for ‘featured’ and ‘featured medium’, but not for ‘featured small’? Would you not need a small size for mobile views? But I might be wrong.

    I checked the Interface theme on your own demo website and it seems to work in mobile view just fine with nice small images, so I am confused why is it not working for me.

    Thanks

    #40828

    Hi samanta.berzina,

    I have just visited to your site and now its working perfect. You can view this below screenshot of mobile view.
    http://awesomescreenshot.com/0b25inwvd2

    Thank you!

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