Slider
I have created a slider image to appear at the top of each of my pages. It's the same slider image for all the pages, but the default setting for my theme has the slider fade in for each page. My website is https://gailnwatanabe.com/about/
I would like the slider image at the top to stay the same for each page (rather than fading in again each time you click to a new page) and only the text over the image changes as you click through the pages, like this website. https://themes.muffingroup.com/be/spa/about-us/ How do I do that?
Also, the text over the Slider on my Home page fades up automatically because that was the default setting. Where can I change that?
Thanks!
Comments
Hello,
The example page you have sent does not use the slider (except the home page) but the Header background image and Subheader with a title, which I suggest you do.
Go to Betheme -> Theme options -> Header & Subheader -> Header, and set this image as background.
After that, go to Header & Subheader -> Subheader, and check if you do not have an option to hide the Page Title or Subheader. You can also set this image as a Subheader background.
Thanks
Ok thanks!
The Subheader looks like I want it to look now on desktop, but how do I get it to format for mobile/tablet properly? https://gailnwatanabe.com/about/
Also, the text over the Slider on my Home page fades up automatically because that was the default setting. Where can I change that in Slider Revolution?
Thanks!
1) Can you explain in more detail how would you like to format it for mobile/tablet, please?
2) Open your slider, click on the text, go to Layer options -> Animation, and set the Duration and Start to 1ms. Thanks to that, it will appear immediately.
Thanks
I would like the text on the subheaders to be centered on mobile. It looks fine on desktop but the text is spilling off to the right side on mobile right now. https://gailnwatanabe.com/about/
Also, the boxes under Services on my Home page all look the same height on desktop, but how to I set it so the three boxes will always be the same height as each other regardless of the device?
Thanks!
1) The page title is pushed to the right because of the padding.
You can set the subheader padding for mobile display in Betheme -> Theme options -> Responsive -> Header.
Remember that you can control all paddings (top, right, bottom, left). The example from the screenshot means that top and bottom padding is set to 80px and left and right to zero.
https://www.w3schools.com/css/css_padding.asp
If you set left and right padding to zero, the text will be centered.
2) Please open the section options that contain these boxes, select Equal Height | items in wrap, and check if the display becomes what you wanted to achieve.
Thanks