looking for some support on betheme mobile configuration with CSS edits.

TylerErdie · February 2019

sub header / breadcrumbs are expanding to 1920x880 on mobile so the featured images that I have are not showing up centered. Looking for help on this. How can I fix it?

Pablo · February 2019

Hi,
Please always attach a link so we can check it out. If the page is offline(localhost) then our help will be limited, you will have to contact us when the page is online. Also please make sure that the page is not under maintenance before you provide us the link.
It is always a good idea to also attach a screenshot, for that use services like snag.gy or pasteboard.co

thanks

TylerErdie · February 2019

https://bluesprucewellness.ca

Pablo · February 2019

You don't have the "breadcrumbs" in the subheader.

Also, it will behave like this, because this text is an image.

It will not gonna fit, because this text is too wide and mobile screens does not have that amount of pixels of width.

All I can suggest, is inserting some background image(without text) and displaying the page title there.

Theme Options > Header & Subheader > Subheader

Tick off the "Page title" option.

Thanks

TylerErdie · February 2019

I need to know what size to make the images for the featured images so that on mobile ipad, phone's etc... will shrink / fit. on desktop they are perfect but they are 1920x880 for w/e reason.

Let me know please. Thanks.

There has to be a way to make the mobile side images fit.

Pablo · February 2019

http://prntscr.com/mq9wa3
It behaves as I told you in the previous reply.
It will not fit because it's a background image.

To make it fit, you have to insert that image in the 'Image" item in the Muffin Builder as a first section with the "Full-Width" option enabled in section settings.
http://prntscr.com/mq9z6r

Thanks

TylerErdie · February 2019

That's not what i'm using though. Its the featured image on the side bar of wordpress.

Pablo · February 2019

It's the same - it's using the background-image, so it will not fit.

Do what I said in previous reply to make it work.

Thanks

TylerErdie · February 2019

It's not working. I don't see the options your talking about. its not in Muffin Builder.

Pablo · February 2019

Did you turn on the full-width option in section settings?
http://prntscr.com/mqruzv

Also, is your image 1/1 and it does have the FHD resolution?
http://prntscr.com/mqrver

Thanks

TylerErdie · February 2019

I don't see this? I'm telling you i'm using the featured image on the right side of the wordpress page.

Pablo · February 2019

Which option are you missing?
As I can see, your theme is not up to date, so please update it to the latest version.

I told you, it's not possible to make it fit with the "featured image" because it will display your image in the "background-image" rule of CSS and it will not shrink your image - so this text will not be displayed on all of the screens, because it's too wide.

http://prntscr.com/mr9jbq
This text is like 600-615px wide, and a lot of mobile devices has the width of 350-400px - so it's not possible to fit.

Inserting it in the "Image" item will insert your image in the <img> tag and behavior of this item is very different - it will shrink the height of this image to make this image as wide as possible.

Take a look at the difference at the 450px of width:

Background-image: http://prntscr.com/mr9mio
<img>: http://prntscr.com/mr9muy

Thanks

TylerErdie · March 2019

what size should the featured image be? so it fits?

Pablo · March 2019

It's depends how you would like to make it look.

I suggest to use the images with the '768px' width or a full HD resolution - for the feature image it should be a good quality.
Also, this size can be customized to the lower(or higher) quality in the Theme Options > Blog,Portfolio&Shop > Featured Image.
Remember to use Thumbnail Force Regeneration after changing the resolution there

Thanks

TylerErdie · March 2019

What Height?

Pablo · March 2019

As you like, I mean, it should be bigger than 450px or equal.

It's depends how you would like to make it look.

Thanks

looking for some support on betheme mobile configuration with CSS edits.

Comments