Another Issue LIGHTBOX Template - Mobile Crop Slideshow Font Sixe Text Block
Preamble
Can someone focus on the work needed to resolve All the issues with this template. It is taking WAAAAYY to ling to develop a website with Joomshaper having to open so many requests, each individually.
Look at this website... https://navigatingmymidlifecrisis.com
On Mobile, the Slideshow image is cut short... It should Cover How to fix that ?
Also,
On Mobile, Text size for Text block, is not the same size as text in Image layout even though I have set them both for 22px.. Dektop and Mobile... It doesnt work... How to fix that?
I need to finish this project this week, please look at this website and help!!
Paul Frankowski
Accepted AnswerHi,
2. About font-size, indeed, custom CSS is needed, becuase H1 font-size was forced by template.css style, sorry, I don't know why.
Please use that Custom CSS - it will help
@media only screen and (max-width: 768px) {
#slide-fullwidth h1.sppb-fullwidth-title {
font-size: 22px !important;
line-height: 28px !important;}
}Paul Frankowski
Accepted Answer- About Slider image on Mobile view - also use this Custom CSS
@media only screen and (max-width: 768px) {
section#sp-logo {padding: 0;padding-top: 7px;}
.offcanvas-menu .offcanvas-inner .sp-module:first-child
{margin-top: 5px; padding-bottom: 10px;}
.offcanvas-menu .offcanvas-inner .sp-module
{margin-top: 5px; margin-bottom: 5px; padding-bottom: 10px;}
.has-slideshow #sp-header {top: 50px; background: transparent;}
.sppb-slide-item-bg.sppb-slideshow-fullwidth-item-bg
{padding-top: 130px; height: auto; margin-top: 50px; padding-bottom: 5px;}
}Preamble
Accepted AnswerThis is a simple single Page... Can you actually go to the website and look at it on Mobile.
Using Image layouts extension, why are the Images cut off and NOT scaled down on mobile?