- This topic has 10 replies, 2 voices, and was last updated 3 years, 2 months ago by .
Section titles misaligned on mobile
You must be logged in to reply to this topic.
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?
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.
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.
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.
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?
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.
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.
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?
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,
You can choose one of those sliders and insert the shortcode in the same field where you entered it for the Master Slider.
You must be logged in to reply to this topic.