The post feature image is using as background of the slider, It is dynamic which come form "Image from Stream if exist". IN desktop device it is fine but it is not showing correctly in tablet and mobile devices. I wan to to show the feature image 100% full width in tablet and mobile devices. I have tried a few way to fix it but still there is problem. Can anyone tell me how to fix that?
As the normal method is not work to fix this problem
Then I took a text layer and set custom meta filed for the post feature Image but I think I didn't implement it well. I want to know the way so that I make my post feature image 100% full width in mobile devixes. Thanks
anyone can help me with this?
URL: https://www.saoplati.sk/jedalny-listok/
I have a lightbox image using elementor with basic element "Image" which works perfectly but whenever I open it on mobile it seems that text is not readable although I set the image resolution to full size. I already changed the pixel sizes of thumbnails etc. on WP media section but it seems im hopeless.. anyone knows how to fix this?
I tried literally everything.
I have search all over the internet and tried for hours to resolve the issue with no avail!
Visit http://testdrupal.ml/node/126 on your mobile device or from your desktop but with resized window to any size... and you will notice a black background will show up at the right side of the screen.
I have tried for hours to play with css and yet the problem not solved!
Can someone please point me to the right css style to be used in order to make this black background disappear ?
Using:
Drupal 8.6.10
Default Bartik theme
An image showing the black background
I want to provide the full css code but the project is private and I can only provide full information with website access in a private chat... I hope someone will be interested!
I am new to this website so there might be similar question.
I have created the website with Joomla using Bootstrap.
http://theeruditepen.com/
I needed to update the website and after I updated, everytime the top logo (the top of the page and image (theEruditePen_Logo1.png) disappear in the mobile environment.
It used to show before, but some update change made the logo disappear and I do not find out how to fix it...I really want to show this logo even the mobile environment on top of menu.
I would really appreciate any tips and help.
Thank you
<img
src="/templates/theeruditepen/images/theEruditePen_Logo1.png"
class="visible-tablet visible-desktop img-responsive"
>
Remove visible-tablet visible-desktop class from the image tag.
The above classes will show the image only on tablets and desktops, and will hide it on mobile devices.
If u want to show the image on all devices, then remove the classes.
Or you can add .visible-phone to make it visible on phones
I run into a similar issue in the past.. the solution for me it was the following:
First I checked the type of module in which my element was placed (custom module, articles module, category module, etc).
After that, I checked the especific module option configuration (image attached as an example) and set the mobile option to on. enter image description here
Hope it helps.
I hope it's ok to share URL: http://www.amigote.com/user/marcus_avrelius
The header image gets resized on PC browsers but for some reason doesn't work on cell phones, shows way too high! I am not sure why please help me to find it issue?
Update! It's not working on default browser? How can I take care of that? I installed firefox app and it works!
Use 100% width so it will automatic re-sized according to browser width.
OR
You can use media query for same.