-
Posts
-
Hi!
I have a few questions related to the mobile version of Enfold:
1. Full-width images (on pages) don’t seem to scale to fit mobile screens. How can I change this?
2. Issue with the size of blog grid images. I have downloaded Simple Image Size, but I’d need to know the exact name of the blog grid images (2 column grid with sidebar). In the plugin I see Gallery, Magazine, Portfolio… Where are the blog grid images? Or do I need to make a custom size?
3. How to remove the header title and breadcrumbs, but for pages only. I need this feature for the blog and category pages.
4. Is there a way to display blog posts in 1 column on mobile, while having a 2-3 column grid on desktop?
5. Can we choose how to display the category pages? Now I only see titles and excerpts. Can the featured images be displayed?
6. [Edit: Solved!] Is it possible to have the Enfold footer menu, centered in the footer (desktop version)? It now displays at the bottom of the socket by default.
Regards,
PoirotHi Poirot,
1/2. Could you link to a post/page where we can see the issue please? Screenshot generally help as well.
3. You can select to not show title and breadcrumbs in the right hand side menu of the edit screen of the post/page in question.
4. That should be the default look on mobile, please post a page where we can see the issue.
5. Not sure what you mean by that, please post a post/page as an example or a screenshot highlighting what you are trying to achieve.
Thanks,
RikardHi Rikard,
I took a few screenshots:
1. On mobile this image is only visible for about 1/3. The rest to the right is cut-off. How to have it scaled to fit?
2. The issue here is the grey areas below the blog grid images. Simple Image Size would probably solve this, but I don’t know where to start. Which image category do I need to change to resize the grid?
3. Ok. But what for the archive pages (categories). I don’t see this option when I edit categories.
4. See same image as 2.
5. Please see image below.
Regards,Poirot
Hey!
1/2: May we have temporary access to your website so we can take a closer look at your settings?
3: Please follow the relevant instructions in this thread.
4: Please follow the instructions in this thread.
5. You can follow the same instructions in 4, but this thread offers context for your particular issue.
Best regards,
DakeHi Dake,
Thank you for the links and please find the details below.
1. I think the problem with the scaling of page images, is that I imported them as backgrounds with fixed dimensions.
Regards,
PoirotHi!
I cannot find the image shown in your screenshot on the link you have provided. Please send us a precise link, so we can inspect the elements and your background image in question. We need to see the issue, to be able to help you.
Best regards,
AndyHi all!
I have been abroad for two months, and only catching up with running topics since yesterday. Thank you for the feedback so far, great theme!
Please find below the links to mobile screenshots. These illustrate the problems I’m having with the mobile version (items 1 and 2 mentioned above).
Best regards,
PoirotHi!
as already said: can you please provide us precise URLs showing the elements on your screenshots? because we need to be able to inspect the elements.
Regards,
AndyHey!
1. It looks like that because you’re setting a fixed width on your custom code here – http://screencast.com/t/PIErlElBlH, it should be percentage based if you want it to be responsive.
2. Same, but in this case it’s on Quick CSS:
.avia-content-slider .slide-image { width:306px; height:184px; /* this value */ overflow:hidden; }Regards,
JosueHi Josue!
Super, thank you for your help! I will fix this further tomorrow. Two short questions still:
a) Is there a correct way to scale text properly without flattening it with the image? Would that be percentage too?
b) I notice however that the page image still doesn’t scale properly, even with percentage. I suppose this is due to the following code I’m using to reduce the padding between content and sidebar. Can’t this padding be ignored on mobile?“.content .entry-content-wrapper { padding-right: 20px !important; }”
Best regards,
PoirotHi Josue!
Sure, please find the screenshot below. It illustrates both issues: text size and the whitespace which is wider at the right side of the screen.
Best regards,
PoirotHi!
it looks fine on my end:
Could you fix it? If not which device are you using?
Cheers!
AndyHi Andy!
I managed to fix that, thank you! The only problem is still the blog image sizes in mobile. How can I have a responsive size that follows the proportion 1000*600px and crops if necessary?
I now gave a fixed height, based on my iphone screen (that works). But on a larger device the proportion is obviously wrong. Any way to solve this?
Best regards,
PoirotHey!
you need to work with media queries to achieve different results on different screen sizes (devices).
Best regards,
Andy
- You must be logged in to reply to this topic.