The third row of this page http://www.hideapower.eu/package-magu/ is not responsive on mobile. the background image is moved and this write the text in white cannot be read well. What can I do?
Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
Thanks for your reply, but that wasn't my issue. I cannot see the text in white from my mobile because the background image with the sea and the boat is moved and the text goes over it, while on the PC screen the text is on the left. That's my problem.
I have the problem that teh background images do not "behave in a responsive" way, they are much too big on mobile phone. In the example you only see the back of the guy. The image should adapt to mobile and get smaller.
I tried several options e.g. "Scale Background Image To Column" or tried and errored with the "Responsive Options" but I do not understand what to do. When I change the numer of colums in "Responsive Options" e.g. 40% 2/5 the image becomes narrow see: the second image on on https://vielfaltschmeckt.de/Test/
The Website does not seem to be loading completely and is showing the loading sign .
- Unfortunately the Background images use the Browser Cover css Attribute and its not possible to show the whole image in all screen sizes without cropping so you will have to use a image which has a buffer on it to accommodate all screen sizes in a better way.
I have the same issue that the background images I placed inside a row are too big for the mobile ...they dont seem to be adapting enough & be responsive.
Is there something I can change in the admin settings ( the mobile breakpoint perhaps) ?
Or Is there a CSS code I can add to load different background images for the mobile to make that properly responsive?
Is there maybe a way to play with the row visibilities ( responsive options)? Making certain rows only visible for mobile and another dublicated one just for desctop ? I can see that possible for coloms ... but rows I did not find that option...
Sorry to be so persistant, but you have a quite complete theme here .. to not have an option for something so very basic as creating a responsive site for mobile ... seems just odd!
Hi,
The third row of this page http://www.hideapower.eu/package-magu/ is not responsive on mobile. the background image is moved and this write the text in white cannot be read well. What can I do?
Hey C,
Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
form label { color: #fff !important; }Thanks
ThemeNectar Support Team
Thanks. But in which position should I add it? I can't see any part related to the page I'm interested in.
Hey Again,
See screenshot: http://prntscr.com/laa4lw . This will change the labels of the Contact form.
Best
ThemeNectar Support Team
Hi,
Thanks for your reply, but that wasn't my issue. I cannot see the text in white from my mobile because the background image with the sea and the boat is moved and the text goes over it, while on the PC screen the text is on the left. That's my problem.
Hey Again,
Please have a look at this Article :Change Mobile Column Order.
Best
ThemeNectar Support Team
Hi,
I have the problem that teh background images do not "behave in a responsive" way, they are much too big on mobile phone. In the example you only see the back of the guy. The image should adapt to mobile and get smaller.
See the first image on https://vielfaltschmeckt.de/Test/
I tried several options e.g. "Scale Background Image To Column" or tried and errored with the "Responsive Options" but I do not understand what to do. When I change the numer of colums in "Responsive Options" e.g. 40% 2/5 the image becomes narrow see: the second image on on https://vielfaltschmeckt.de/Test/
Regards
Ursula
Hey Again,
The Website does not seem to be loading completely and is showing the loading sign .
- Unfortunately the Background images use the Browser Cover css Attribute and its not possible to show the whole image in all screen sizes without cropping so you will have to use a image which has a buffer on it to accommodate all screen sizes in a better way.
Hope this makes sense.
Best
ThemeNectar Support Team
hello,
I have the same issue that the background images I placed inside a row are too big for the mobile ...they dont seem to be adapting enough & be responsive.
Is there something I can change in the admin settings ( the mobile breakpoint perhaps) ?
Or Is there a CSS code I can add to load different background images for the mobile to make that properly responsive?
@inedit, No i am afraid there is no such option available at the moment.
Best
ThemeNectar Support Team
hm ...
Is there maybe a way to play with the row visibilities ( responsive options)? Making certain rows only visible for mobile and another dublicated one just for desctop ? I can see that possible for coloms ... but rows I did not find that option...
Sorry to be so persistant, but you have a quite complete theme here .. to not have an option for something so very basic as creating a responsive site for mobile ... seems just odd!
Hey Again,
Please have a look at this Article :Hiding Rows on Mobile / Desktop in Visual Composer.
Best
ThemeNectar Support Team
THANK YOUUUUU !!!!
That works great. Like that I can hide/ show certain rows specifically for mobile or desctop only.
XX