Problem with shaper_hope template. - Forum | JoomShaper
Solved Templates

Problem with shaper_hope template.

Asked by Seqencer 5 months ago Last activity 4 months ago

Hello.

I'm having problems with the shaper_hope template.

  1. The mobile menu icon ☰ is in the wrong place. (mobile-menu.jpg)
  2. When reducing the browser window size, both the TOP1 and TOP2 pages misalign. (top1-top2.jpg)

    Please help me with this.

Regards

Accepted answer

Marked as the solution
Rashida Rahman Staff
4 months ago

Hello,

Hope you are doing well.

There is an Accept button below each reply. You can accept an answer there to officially close the post.

Thanks!

15 more replies

Oldest first Newest first Most helpful
Rashida Rahman Staff
5 months ago

Hi there!

Thanks for reaching out.

Kindly update your Template and Joomla version. You are using extreme old versions there.

https://cleanshot.com/share/VNxQb8HX

The alignment issue should have been fixed with update.

Note: Please keep a full site backup before trying anything.

Best regards,

Paul Frankowski Senior Staff
5 months ago · edited

Indeed, as you can read also inside your Joomla 3 admin area "Support has ended for your version of Joomla 3.10" (3 years ago).

All extensions must be updated, also from security reasons.

Once you have Joomla 4 or 5 and updated extensions, we can revisit this thread if you encounter any design problems. The Joomla 3 migration remains your responsibility.

Seqencer Asked this
5 months ago

Hi.

  1. I've completed all updates and upgraded PHP to 8.2. Now all three logo types are displayed (desktop, retina, mobile).
  2. When reducing the browser window size, both the TOP1 and TOP2 pages misalign. (top1-top2.jpg).

Regards

Paul Frankowski Senior Staff
5 months ago

1 - logo fixed. If your logo image is HQ you don't need to put Retina logo. In themes based on Helix3, it doesn't always works good.

Paul Frankowski Senior Staff
5 months ago

2 - fixed by setting. You forgot about Tablet/Mobile Layout grid settings

info__31.jpg

Paul Frankowski Senior Staff
5 months ago · edited

Extra bonus tip!

Becuase you are using Polish language, in Typography for Google Fonts in "Font Subset" alsways set "Latin-ext" becuase we have : ą, ż, ś, ę, ź, ł. Normal "latin" you can set for English.

Using that you will have those extra letters in the same font like the rest.

Please mark topic as solved.

Seqencer Asked this
5 months ago

Hello.

The Facebook icon and phone at the top don't look very good. They're not aligned properly.

Regards.

Rashida Rahman Staff
5 months ago

Hi,

Please check now. I have added the indicated lines in your custom.css file.

If you need same adjustment for other resolution than this, you may change the font size for that resolution as per your need.

Best regards,

Rashida Rahman Staff
5 months ago

Hello,

Did you check?

Seqencer Asked this
5 months ago

Hi.

Yes, the fonts in the header are fine, but the headings in the sliders are in the wrong places.

Best regards

Paul Frankowski Senior Staff
5 months ago

I see like this now. What do you need to correct, screenshot with add red arrows maybe

info__52.jpg

Seqencer Asked this
5 months ago

Hello.

I don't quite understand what I need to fix? The slider headers are still in the wrong place on my smartphone.

Regards

Log in to reply.