-
Posts
-
The background images in the grid layout disappear on mobile, but they shouldn’t.
The reason I placed them as background images rather than standard images is because that way the can change size to fit the space regardless of browser dimensions. But, now they disappear completely on narrow browsers.
What is the best way to have images fill the space regardless of browser dimensions and not disappear completely at any time?
(FYI, custom CSS controls the grid layout width and borders, as attached.)
Hi m s,
Thanks for the login details. On which page can we see the elements in question?
Best regards,
RikardHi,
I’m very sorry for the late reply. I see that you are running an old version of the theme, could you try to update to the latest version (4.8.1) to see if that helps please? The update to 4.8.x has to be done manually from the version you are running, please refer to my replies in this thread: https://kriesi.at/support/topic/enfold-4-5-theme-update-update-failed-download-failed-a-valid-url-was-not-pro/#post-1021541
You can either update manually via FTP: https://kriesi.at/documentation/enfold/how-to-install-enfold-theme/#theme-update, or use a plugin to upload the theme zip file: https://wordpress.org/plugins/update-theme-and-plugins-from-zip-file/
If that doesn’t work then please try to delete the whole theme folder, then replace it with the new version. Make sure that you have backups of the site before starting updating.
Also please read this after you have updated: https://kriesi.at/documentation/enfold/theme-registration/
Best regards,
RikardThank you! The plugin is not compatible with the WordPress version, so I can do it manually via ftp or theme uploads perhaps.
The child theme is currently active. Is the process to deactivate and delete the active child theme and also the inactive main Enfold theme? And then upload a fresh new copy of Enfold and Enfold Child? Will any of the design, settings, styles, etc. be lost?
Also the child theme has a custom name. How is that changed so that the new child theme has the same name and thereby accesses the corresponding theme database settings?
Hi m s,
The plugin is not needed anymore as this functionality is built-in now. On update, the parent theme updates not the child theme. So you can update Enfold by uploading it through Appearance > Themes > Add new.
If you need further assistance please let us know.
Best regards,
VictoriaThank you! I activated a WP default theme so that I could delete the Enfold theme, which I then did. Next I uploaded and activated the most recent Enfold theme. The does not look the same as it did previously. Lots of changes such as the logo, colours, fonts. There was no Custom CSS. How can this update be made without losing any styling?
Hi,
Sorry again for the late reply. I’ve added this to your Quick CSS box:
@media only screen and (max-width: 767px) { .empty-cell-background { min-height: 300px; } }And I applied the empty-cell-background class to the empty cell to the left of the cell with the Personalized Connection Kits header. Please add that class to all the empty cells with background images, which you want to display on mobile.
About your lost settings: did you export your theme settings before you updated/deleted the old version of the theme? If so, then please try to import them again under Enfold->Import/Export. If not, then you will have to set them again, and make sure that you export the theme settings before you update next time.
Best regards,
Rikard
- The topic ‘Grid layout with background images that disappear on mobile’ is closed to new replies.