Responsive contents and website for all devices
Permalink
Hello,
My first ever online forums attempt for help as am really stuck with two issues:
1. Photos in Image Slider and Page Header are displayed differently from various devices and monitor sizes. I'm searching for the most simple solution for photos to automatically adjust to any screen.
I have already added img {max-width: 100%} in Design>Customize>Custom CSS, but no changes in the page whatsoever...
2. Mobile version of my page looks quite bad. Image Slider is not even visible when looking at the page via phone. I would like it to look as good as my website from laptop.
I'm currently using free Palette theme. Would the easiest way be to purchase a theme on Concrete5 marketplace, which would sort these issues? Which would be the most appropriate theme?
And finally, if I do purchase the new theme, what would be the easiest way to copy all the current contents and design form Palette theme to the new theme, so that I would only haev to adjust small things rather than start it all over?
My first ever online forums attempt for help as am really stuck with two issues:
1. Photos in Image Slider and Page Header are displayed differently from various devices and monitor sizes. I'm searching for the most simple solution for photos to automatically adjust to any screen.
I have already added img {max-width: 100%} in Design>Customize>Custom CSS, but no changes in the page whatsoever...
2. Mobile version of my page looks quite bad. Image Slider is not even visible when looking at the page via phone. I would like it to look as good as my website from laptop.
I'm currently using free Palette theme. Would the easiest way be to purchase a theme on Concrete5 marketplace, which would sort these issues? Which would be the most appropriate theme?
And finally, if I do purchase the new theme, what would be the easiest way to copy all the current contents and design form Palette theme to the new theme, so that I would only haev to adjust small things rather than start it all over?
Hey Patricsl
I would need to see a link to your project to really see what your issues are. As for responsive images here is the css you would need to make all your images responsive.
img {
display: block;
max-width: 100%;
height: auto;
}
However if you want responsive images in a slider or image carousel normally that done with Javascript/Jquery.
If you want to move the content you have already created to a new theme, you would have to make sure the content area names in your template files match the old theme.
If you need help with that send me a pm. Thanks
I would need to see a link to your project to really see what your issues are. As for responsive images here is the css you would need to make all your images responsive.
img {
display: block;
max-width: 100%;
height: auto;
}
However if you want responsive images in a slider or image carousel normally that done with Javascript/Jquery.
If you want to move the content you have already created to a new theme, you would have to make sure the content area names in your template files match the old theme.
If you need help with that send me a pm. Thanks
Any theme replacement will show current/existing content as long as the area names are the same. i.e. header, main, sidebar, footer, etc.