[Ruheene Jaura]

Thanks, not sure you understood my question though? I was saying that they were all given the same settings in Elementor, but were still appearing different? Could you let me know how you fixed it, please?

[Ruheene Jaura]

Great, thank you so much for all your help.

Could you let me know why this discrepancy was happening between font styles and sizes (both with the titles + testimonial paragraphs as well), even though all the content had the same default body + H2 styling applied to them? Just curious about how to fix these things in the future.

Thanks,
Ruheene

[Ruheene Jaura]

Thanks, as I mentioned in my last comment: it happens to break temporarily every time, before it fixes itself overnight. Not sure if you understand why?

Also, please take another look at the mobile website: the titles are all still different sizes. ‘Client Speak’ and ‘Our Websites’ are now the same, but are much bigger than ‘Our Services’. The size of ‘Our Services’ is correct, but ‘Client Speak’ and ‘Our Websites’ are way too big. Could you please fix this so that all the titles are the same size, and match the current sizing of ‘Our Services’?

Thank you.

[Ruheene Jaura]

Not sure why only 1 of the 4 images came through, trying to link them again:

https://imgur.com/a/VITiATx

[Ruheene Jaura]

Hi there,

Thanks for the fixes. It looks great on desktop, however, this is what I see on mobile (styling of headings and buttons seems broken on mobile only):

https://imgur.com/a/VITiATx

I seem to have this problem every time I make an update to the home page. The styling of the headings and buttons seems to break temporarily on mobile only with every little change, then seems to fix itself overnight. Any idea why this keeps happening? I’ve tried clearing my cache on both mobile and desktop but the issue persists on mobile.

Thanks,
Ruheene

[Ruheene Jaura]

Hi,

Thanks for the fixes. The font for the testimonials looks great now.

Unfortunately I still see a couple of issues though:

1. The ‘Client Speak’ and ‘Our Websites’ titles are in their own separate sections and placed above the sections they belong in (as seen by the blue section outlines in the screenshots I’m linking to below). They should, however, be in the same section as the rest of the content under them- like the ‘Our Services’ section which is correctly structured. This is causing the spacing around each of the titles to look inconsistent. Could you please fix this and place them in the correct sections? I’m finding it difficult to do this using Elementor.

2. On mobile, you can see that the size of the titles are all different. For example, you can see in the last 2 screenshots I’ve linked to below, that the ‘Client Speak’ title is much smaller than the ‘Our Websites’ title, even though they both have the default H2 settings applied to them.

Here are the screenshots:

https://imgur.com/a/9KxQYZ1

Thank you,
Ruheene

[Ruheene Jaura]

Could somebody please help with these issues listed above?

[Ruheene Jaura]

Thanks, not sure how this would help me though? The code you’ve provided is to center align the headings, which isn’t my issue. The issues I’m having are:

1. The ‘Our Websites’ title isn’t in the section it belongs in, it’s floating above it (you can see this by the light grey vs white background it’s over). The white background behind it should be covering the width of the page and touching/ joining with the white background of the white section right under it- since it belongs in that white section under it.

2. Under the ‘Client Speak’ section, the first testimonial has the correct font, while the others below it all have the wrong font- even they are all set to the default font in Elementor.

Please help. Thanks.

[Ruheene Jaura]

Sorry, I forgot to include that in my post. It’s https://pixelpie.io/.

Thank you.

[Ruheene Jaura]

That worked, thank you! Much appreciated.

[Ruheene Jaura]

Thanks. That definitely made it larger, but it still doesn’t cover the screen. I tried 100vh and 300% instead of 200%, but that didn’t work either.

Any suggestions?

[Ruheene Jaura]

Hi Chris,

Here is the imgur link with 2 screenshots below- one of my website on a desktop, and the other of my website on a mobile phone. See the difference in size/placement of the homepage slider on both devices? The images in the slider ‘cover’ the whole screen on a desktop (this is GOOD), but take up less than half the screen on a mobile phone (this is BAD- too much negative space on screen).

I would love to have the images in the slider ‘cover’ the entire screen on a mobile device as well. Let me know if anything is still unclear.

Thanks,
Ruheene

https://imgur.com/a/uWAsdjR

[Ruheene Jaura]

Not sure if my link loaded in the last post- but here it is again, just in case:

pixelpie.io

Thanks.

[Ruheene Jaura]

Thanks. One more thing- I’d like the homepage images slider to link to the ‘Order Online’ page where all the products are. Is there a way to do that?

[Ruheene Jaura]

Thanks, although I was actually asking for help with styling the desktop version, not the mobile version 🙂 Anyway, I managed to figure it out and styled a few things- but the one thing I can’t seem to figure out is how to style the hamburger menu on a mobile screen. I changed the color of the ‘Menu’ text in the menu bar to #54433A, but the 3-line menu is still that light greyish color? How do I change that to match the ‘Menu’ text?

Screenshot:
https://imgur.com/kCFCWi8

Thanks!

[Author]

Posts