Hi Andy!

Still, on my iPhone, blog titles are cut off on the right side of the screen (see screenshot). Presumably due to the change in margin/padding, discussed above. As this matter is overlapping with a question Josue is dealing with, I will post the result here later.

Best regards,
Poirot

Hi 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,
Poirot

Hi Ismael,

Thanks for your message. What do you mean by using the filter? (So far I have just changed the menu icon.)

Best regards,
Poirot

Hi Andy!

Done! Thank you!

Best regards
Poirot

Hi Yigit!

I managed to hide captions on mobile, but is it not possible to show them when an image is touched? What do you mean by max-width 990px? I have a Maximum Container width of 1030px.

Best regards
Poirot

Hi Dake!

Thank you for reminding me, I haven’t solved it yet. Basically, when I import an image into a post, I scale it to the maximum width. In the meatime, I changed the container width, so now the images are too small.

Best regards
Poirot

Hi Elliott!

I just noticed that, while it’s working on the homepage, the whitespace is still there when a blog post is opened. I tried adding a line for “.template-blog .post” but that’s not working. Any idea?

Edit 1: After some trial&error, I solved it with : “.big-preview.single-big {padding: 0 20px 10px 0;}”

Edit 2: Desktop version is fine, but there are a few errors in my mobile version. On the homepage some titles are cut off, and some text is overlapping. Any idea?

Best regards
Poirot

• This reply was modified 9 years, 1 month ago by Poirot.

Hi Yigit!

Sorry for this late reply, I have been abroad for two months, and now catching up with my open topics.

The code worked, thank you!

Best regards,
Poirot

Hi Yigit,

Thanks for your help. I found the file functions.php where I can change the icons. However, I do not understand how I can browse the standard “fontello” icons to see if there’s the one I’m looking for. Entypo-fontello.ttf is a font file? I just want to find a menu icon with 3 horizontal lines, or add one to the theme.

Regards
Poirot

Hi 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

Hi Josue,

1. I tried using a Code Block with a background image, and positioned the text with “padding”. It works. If there is another way to do it in Enfold, let me know, and i will post a link.

2. & 3. Ok thank you!

Regards,
Poirot

Hi Rikard,

Ok, thank you!

Regards,
Poirot

Hi Ismael,

Thank you!

Regards,
Poirot

Hi Rikard,

Please find the link below.

Regards,
Poirot

Hi Rikard,

Sure, please find the login below.

Regards,
Poirot

• This reply was modified 9 years, 4 months ago by Poirot.