Hi Pennie,
Thanks for reaching out! I’m not experiencing this. Have you cleared your cache? What browser are you using?
Kindly,
Hannah
Hi Hannah,
Thank you for your response. I am using both Edge and Chrome and I am clearing my cache often as I am rebuilding my entire website. I have checked the layout on both my big monitor, my Surface Book and my Pixel 5 and it is aligned left on both browsers on all devices.
I have even just looked at it in Brave too just to see and it is also aligned left.
I did take a screen shot for you but I don’t see a way to attach it.
Thank you for your help with this, it is greatly appreciated.
Pennie
Hi again Hannah,
I am about ready to push my new site live, but I do need to have the homepage centered before I can do this.
However, I have another problem too. I was checking my blog posts on my pixel 5 and the images are not responsive. The images that I include in the post do not show or are hidden way over to the right. Plus, the images for the similar blog post section below it, they don’t show either.
This is a big issue, so I hope it is an easy fix. I looked everywhere to see if it was something I have or haven’t done, but I couldn’t find anything.
Thank you very much for your help with this.
Pennie
Hi Hannah,
No worries about the above issues I have managed to solve them myself.
I just have two small issue left that maybe you would be so kind as to help me with.
On the mobile platform the blog posts that are shown on the home page, does not centre the images. Everything else is centered, but the images are left aligned.
On the tablet size the left alignment of the images looks okay, however, the three icons I have on the front page, are not responsive so I have two at the top and one underneath on the right, which looks silly.
Everything else works okay, so am I missing something, or do you have any suggestions for me.
Many thanks for your help,
Pennie
Hey Pennie,
My apologies for the delay! You can use this css center align your images:
.home_blog .clearclass0 {
text-align: center;
}
And this will align your icon menu left:
.home-iconmenu {
min-height: 310px;
}
You can paste those into your custom css box in Theme Options > Advanced Settings.
Hope it helps!
Best,
Hannah
Hi Hannah,
Thank you for your reply. I apologize for not replying sooner, but I have just had the opportunity to try these this morning.
The first code aligns the image and text on my phone, but only for two out of the four posts on my home page, strangely enough. The two posts that were aligned were the ones on the left hand side. The posts on the right remained the same. I really only want to have the images centered on my phone, so I changed the code to image-align instead of text-align but that didn’t do anything.
I have added to other code as well, which does make the ICONs display with two on the top and one on the left, which is better than it being on the right. However, would it be possible to make these responsive so they just reduce in size to fit all in a row on the tablet.
Do you have any other suggestions please and thank you. I really appreciate your help with this.
Thanks again Hannah,
Pennie
