-
Posts
-
Hi, I am building my new website (again) with Enfold, thanks for the great theme!
I have a problem that I can’t figure out on the homepage; the overlay of the slider is not on the top of the slider but a little to far down?
(using layerslider in a codeblock)Also the mobile version is very weird, is this fixable or would it be better to make a seperate mobile homepage? (if so, how)
Thanks for the reply!
Hey mirr,
Thank you for the link to your site, since the overlay image is in the LayerSlider you will need to adjust the position in the slider.
Try looking under style ▸ size & position
Instead of using a black image for your overlay you could use a color under style ▸ background
For mobile I recommend creating a slider for mobile devices setting the canvas size to 425×767 because the desktop sized landscape slider won’t look correct on a mobile portrait screen.
You can use the display options to show the desktop slider on desktops and the mobile slider on mobile only.Best regards,
MikeThanks I found the solution for the slider. It was a padding thing.
For the mobile I also mean the rest of the page; the blocks have a huge padding between them, the titles are to big and some things are overlapping.
Hi,
Most elements have options to apply settings for mobile, tablet, & desktop independently, try looking for these icons in your elements:
So for example the negative margin used to overlay your three boxes over the top video is probably set using the first device icon in the screenshot which is for all devices, try moving the negative margin to the desktop icon so it’s not used for tablet or mobile.
So elements has these options for font sizes, if you don’t see this look at the options at: Enfold Theme Options ▸ General Styling ▸ Typography ▸ Advanced Options: Customize Typography Settings where you can set global font sizes for headings.Best regards,
Mike
- You must be logged in to reply to this topic.