Home › Forums › Jevelin Theme › Mobile Responsive Layout Gaps & Scaling Issues
Home › Forums › Jevelin Theme › Mobile Responsive Layout Gaps & Scaling Issues
The home page slider is tiny on mobile. Is there a function to allow image scaling to make it larger on mobile? Also, the text which is over the image is terribly small for mobile. What can be done?
Second: There is a very large gap underneath the slider and above the car element which is simply white space — the ‘Services’ area is completely missing on mobile. I guess it’s where the huge empty white space currently shows up. How is this fixed?
Thank you for your prompt reply.
Hi @dgsmith,
Thank you for your questions.
The home page slider is tiny on mobile. Is there a function to allow image scaling to make it larger on mobile? Also, the text which is over the image is terribly small for mobile. What can be done?
To achieve this, you have to make changes in the slider in responsive mode by referring the information provided in the below pages.
https://www.themepunch.com/faq/slider-revolution-responsive-tutorial-5-0/
https://www.themepunch.com/revslider-doc/slider-revolution-documentation/
Second: There is a very large gap underneath the slider and above the car element which is simply white space — the ‘Services’ area is completely missing on mobile. I guess it’s where the huge empty white space currently shows up. How is this fixed?
You can resolve it by adding the following CSS code in the Custom CSS code option of your theme on the below path.
Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code
@media (max-width: 800px){ section#services { visibility: visible !important; } }
Best regards,
Shufflehound team