Softaculous

Topic : Some suggestions

Posted By: bnwebdesign on October 9, 2020, 2:57 pm

Hi,
I'm new to sitepad and have some suggestions to make sitepad even better:

- Add the option in the header to enable/disable "keep header on top while scrolling". At this moment this seems to be theme-based and it is impossible to change this.
- Add the option to add custom icons in the "Icon box"
- When adding a picture as background in a row, it seems to be impossible to make it responsive? I only see a small part of the picture on mobile...It would be nice to have the choice to show the image "as it is" or "resized" to see the full picture.

Best regards,
Wouter

Posted By: bnwebdesign on October 9, 2020, 3:16 pm | Post: 1

Also, when creating a "one page" website, it would be nice to be able to create a menu on top to go down to the according section on the page. f.i. the "Corporate" theme (demos.sitepad.com/Corporate/) has a long homepage with different sections (solutions, about us, our team, pricing table). It would be nice to be able to create a top menu with these items and when clicking an item the page automatically scrolls down to the according section.

Posted By: aakash_softac on October 11, 2020, 9:02 am | Post: 2

Hi,

Add the option in the header to enable/disable "keep header on top while scrolling". At this moment this seems to be theme-based and it is impossible to change this.

The following can be done by accessing the given Header Page click on the given row and then access options tab and then access position section and you can make changes accordingly.

Add the option to add custom icons in the "Icon box"

Will let the development team know regarding the following

When adding a picture as background in a row, it seems to be impossible to make it responsive? I only see a small part of the picture on mobile...It would be nice to have the choice to show the image "as it is" or "resized" to see the full picture.

You can preview the site in mobile view in the editor itself and change the background the image size in mobile view itself so that it can suit as per your site. Although the sizes of the images do get resize unless you have applied padding or margin to the given row then it is also applied to the mobile view.

Regarding the last point on creating one page website, you can assign attributes such as id to the each section rows and then you can access SitePad > Menu > Custom Links to add the given attributes ID, through the following way you will be able to achieve the following.

Do let us know if you need any other information.

Edited by aakash_softac : October 11, 2020, 9:04 am

-----------------------
Aakash Gupta
SitePad Developer

Follow us for faster updates
Twitter: https://twitter.com/sitepad_editor
Facebook: https://facebook.com/SitePad

Posted By: my6thsense on October 11, 2020, 9:32 am | Post: 3

Hi,

Thank you for your fast response to this topic!

Here are my findings:

- In the header page, at the row "options tab" i cannot find the access position section to make the header "stay on top while scrolling". I attached the options I see available.

- Thanks for letting the developers know about the icons

- Ok I will check the settings in the "mobile" mode.

Most imortant for me at this time is to get the header to stay visible on top when scrolling the page.

Posted By: aakash_softac on October 11, 2020, 10:08 am | Post: 4

Hi,

To keep a widget fixed the option can be found in widget option tab. For row you can scroll down and in custom css tab add your custom CSS

ex:
{{element}} {
position: fixed;
}

This will fixed the given row in header

Do let us know if you need any other information

-----------------------
Aakash Gupta
SitePad Developer

Follow us for faster updates
Twitter: https://twitter.com/sitepad_editor
Facebook: https://facebook.com/SitePad

Posted By: my6thsense on October 11, 2020, 10:14 am | Post: 5

Hi,

I tried that but it doesn't seem to be working.

What does work is using:

header{
position: sticky;
top: 0;
}

But in this case the header sometimes is being overlapped while scrolling, see example:

newsite.bnwebdesign.be/home

Best regards,
Wouter

Posted By: my6thsense on October 11, 2020, 10:20 am | Post: 6

Hi,

I fixed it by adding a Z-index of 9999, it seems to be working fine now.

Have a great day!