- This topic has 19 replies, 3 voices, and was last updated 5 years, 6 months ago by
.
-
Posts
-
Hi,
Thank you for this theme. There is only one problem with the heading pictures. When you look at them on a PC they are great. On a Iphone, they do not scale proper. I dont see the picture in total.
Can you help me to solve this?
Regards, Lidia
http://s25.hetbrielsesinterklaashuis.nl/contact/ (look at header on pc and phone)Hello Lidia,
Thank you so much for using our theme Education Base. You can change the settings on customizer to make the responsive image. Look this screenshot. Hope, this will sort our your problem.Regards
For the slider it works, but my header photo’s on my other pages it does not work.
Check this pahe on your mobile and you see what I mean.
On a desktop the picture is fine, but on a mobile it doesnt scale like the slider.
Hello Lidia Molnar,
That responsive image options is only applied for the slider, not for the internal pages. Thank you for pointing this, we will solve this issues on the next updates. If you need it urgently, it need to customize the codes.
Thank you for your understanding.Thank you !!
My website must be online first week of september. I don’t know when you are updating the theme. Thank you in advance!
I have encountered this same error – images resize fine in Chrome on Android, but do not decrease size in Safari on iOS.
I would like to implement code for this fix, but am having trouble finding the document that contains the education-base-style-inline-css which delivers the .inner-main-title style and/or the media query code. Unless I’m missing something obvious?
could you tell me which file in the theme contains this specific block, so I may update in my child theme?
Thanks!
GabeHello Gabriel,
Thank you so much for the query. You can check the codes insideacmethemes/hooks/header.phpand can customize the codes.Thank you
Hello keymaster,
Is this already solved in a uodate? My website will go online this week and the header is still not working on the pages. Or can you send me the customized code?
I also have another problem. If you look at: http://s25.hetbrielsesinterklaashuis.nl/fotoalbums/fotoalbum-2016/
You see the background of the album is black. I changed this to white, but it is still black. Problem css I think.
Plugin Jetpack.Please help! thx
Can you please try once by adding this CSS Appearance > Customize > Additional CSS,
.inner-main-title { background-position: initial !important; }Let us know how it appears. We will help you if this not works properly and we are working for the updates.
Thank you
Nope… background photo album is still black.
Background image not resizing image on iOS mobile – fixed
After researching, I found that this is an inherent issue with Apple’s Webkit handling of CSS – Specifically, an error is encountered when using the background-size:cover with background-attachment:fixed properties. This does not resize images correctly on mobile.
The fix I used was done in themes->education-base-pro(child if using one)->acmethemes->hooks->dynamic-css.php->line 74 – $custom_css – I changed the background-attachment from fixed to scroll.
You do lose the fixed appearance of the photo(s) in your header, but this works across multiple platforms on mobile devices.
There are programming methods to get this (fixed property) to work properly, but this was the quickest, simplest fix for me to make it work on iOS mobile.
Hope this helps!
Gabe
Hello Gabriel,
Thank you so much for sharing your solutions here in the forum. We really appreciate it. For all who are searching for the similar solution, please try this above one.Thank you
Oke.. I’m lost… I work with a dutch version. What is hooks? Can you provide me the code to paste in CSS
In the source files of the themes folder on the website, there are sub-folders that contain the information. You must have FTP access via FTP client or web editor such as Dreamweaver to access these source files – this cannot be accessed through the WP admin CMS.
When you access the source files of the site, you can follow the folder navigation path I listed above to find the source file with the code to modify in the page named dynamic-css.php, line 74. There, the code is located to change the property from fixed to scroll.
I would recommend running a full site backup first before modifying the source code, or find someone with html skills that can navigate to the source code before changing. Also, if this change is made in the parent theme (if you have not created a child theme), any future automatic updates will erase any code modifications you have made, and will need to be added back.
Here is modified code to place in the dynamic-css.php file:
$custom_css .= ”
.inner-main-title {
background-image:url(‘{$bg_image_url}’);
background-repeat:no-repeat;
background-size:cover;
background-attachment:scroll;
background-position: center;
height: {$education_base_header_height}px;
}”;I hope this helps!
Gabe
- You must be logged in to reply to this topic.