Section titles misaligned on mobile

[tangibledesigns]

The section heads on my site (https://dkprfood.com/) are not center aligned when in mobile or smaller screen size. I can’t find any code to remedy this alignment, can you please help?

[Hans (Support Admin)]

Hello,

I check out your site.

It looks like there is a conflict somewhere or some CSS files have been edited.

I wasn’t able to locate the issue, however, you can add the following CSS code to the Custom CSS field of the Custom Code section in Integral Options Panel to fix the issue.

.heading {width:100%;}

That will fix it.

[tangibledesigns]

Thank you!

[tangibledesigns]

Another mobile question, how do I keep images from stretching in the Master Slider? I tried to create mobile and desktop sized versions following these directions (http://docs.averta.net/display/mswpdoc/Master+Slider+Responsive+Guideline) but then the mobile slide doesn’t load.

[Hans (Support Admin)]

You may need to clear your browser cookies and cache and if you have a caching plugin enabled remember to flush the cache.

If that doesn’t work let me know so I can have a look.

You may also need to play around with the background size (width) setting as well.

[tangibledesigns]

I cleared browser and checked on another device, but it still isn’t appearing. Do I need to specify both sliders on the Welcome section of Integral options? I did that but it isn’t fixing the issue either. Other code I should be adding?

[Hans (Support Admin)]

You mentioned both sliders, do you mean you are using two different sliders?

In the Welcome section of Integral Options, you should only specify one slider.

Can you provide me with admin access to the site so I can have a look?

Make sure to select Set as private reply when responding.

[tangibledesigns]

This reply has been marked as private.

[Hans (Support Admin)]

You had some Custom CSS in the Slide custom styles field which hide the slider on mobile devices.

So I removed it.

You can see the slider on small screens now.

[tangibledesigns]

Thanks for fixing the display issue, but the images still aren’t resizing for mobile view. They used to resize before I updated the template to the most recent version. Is there something I’m missing?

[Hans (Support Admin)]

The image slider uses the Master Slider plugin, so our theme updates don’t affect that.

And I’m really not sure why it was working before and not now. The only reason I can think of is a setting in the slider was changed.

What you can do is use another slider plugin.

Here is a recent post we published which compares the top 10 slider plugins,

Top 10 Image Slider Plugins for WordPress Compared

You can choose one of those sliders and insert the shortcode in the same field where you entered it for the Master Slider.