Another Issue LIGHTBOX Template - Mobile Crop Slideshow Font Sixe Text Block - Question | JoomShaper
Back to the questions

Another Issue LIGHTBOX Template - Mobile Crop Slideshow Font Sixe Text Block

P

Preamble

Template 2 days ago

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!!

0
2 Answers
Order by
Oldest Newest Votes
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 1 day ago #213902

Hi,

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;}
}
0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 1 day ago #213906
  1. 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;}
    }
0