Solved Templates

Hope Template

Asked by Nicky Telles 3 years ago Last activity 3 years ago

Hi there
I have a few issues with the Hope template and have tried the questions but need help please.

The URL is https://www.bpct.org.nz/test/

I have some issues on the home page the first one is that I would like to put a background colour behind the donate now menu item.

I would also like the menu to sit in the middle of the logo right now it sits in the middle but pushes the donate now menu item below I would like to fix this. It sits in the middle of the logo now because I have the off canvas position set to the right of the menu please can you help me fix this.

I also note that it does not show navigation on the off canvas menu eg the navigation is a full menu on my mobile site but I want the burger with navigation when you click on the burger how do I achieve this please.

Thank you for your help please let me know if you wish to have the backend login to see what is going on.

Accepted answer

Marked as the solution

Mehtaz Afsana Borsha Staff

3 years ago

Thanks for contacting us. Could you please give me a screenshot of your issue?

-Regards.

4 more replies

Nicky Telles Asked this

3 years ago

How do I attach the screen shot when I click insert image it gives me this

No idea how to add an image. I am not very impressed by support I have tried to get some answers to help me and the support has not been great. Please advise how I can get a screen shot to you.

The URL is https://www.bpct.org.nz/test/index.php

The mobile site is showing a full menu and not a burger.

I want the menu to sit in the middle of the logo which you can see if you visit the site. and I want to add a background colour to one menu item Donate Now. I have added my backend log in and await your reply please.

Nicky

Mehtaz Afsana Borsha Staff

3 years ago

Follow this documentation for offcanvas menu

https://www.joomshaper.com/documentation/joomla-templates/newedge-guide/offcanvas-menu#:~:text=To%20enable%20it%20only%20on,navigation%20structure%20on%20mobile%20devices.

Use this custom CSS for background color


.btn.btn-default, .btn.sppb-btn-default, .sppb-btn.btn-default, .sppb-btn.sppb-btn-default{
  background: #a25555 !important;
}

Go to system--> https://prnt.sc/tDbSUJh6LiGu --> Default template-->Template options--> https://prnt.sc/A5nlsBvCQsqs And add your CSS there.

Nicky Telles Asked this

3 years ago

Hi there

I managed to get it to work.

The burger on the mobile menu is white and I want it to site in the header to the right on the mobile menu and be colour #ABC233. Can you please advise how I can do this?

Thank you

Mehtaz Afsana Borsha Staff

3 years ago

Use this custom CSS

#offcanvas-toggler>i{
  color: #ABC233 !important;
}
#offcanvas-toggler{
  position: relative;
    left: 250px;
    bottom: 85px;
}

Go to system--> https://prnt.sc/tDbSUJh6LiGu --> Default template-->Template options--> https://prnt.sc/A5nlsBvCQsqs And add your CSS there.

Nicky Telles Asked this

3 years ago

HI there
This has worked thank you but only for the home page. Can you advise how to set this for all pages.
Also my images are not resizing on consecutive pages either can you advise the settings for these.

Thank you

Nicky

Mehtaz Afsana Borsha Staff

3 years ago

Could you please insert those CSS on custom.css file?

In the docs