Canvas Support

Issues trying to replicate the page: demo-real-estate-single-property.html

5 replies · opened Aug 1, 2023

PPavelRomeroAug 1, 2023

I have several errors about it:

  1. I have modified the form on the right side by first placing a TAB with two sections or two forms themselves, the problem is that I don't know why in the mobile view, the section shown in image 1 is no longer displayed in 2 columns as on the original page but now everything is in a single column and looks wrong.

  2. I don't know why, the TAB titles have not received the main text color (#550ABD) when a TAB is active.

  3. When scrolling down the page, the right section of the TAB that I have added stays fixed until a certain moment, but the title of the TABs is not seen but instead the text inside them is fixed. I need it to be set before the TAB titles and at the end it will continue scrolling when it reaches the Similar Properties block.

  4. When pressing the "Visual Elements" button, a FullModal is opened, I need the NavBar to occupy the entire width of the Modal and the X button at the end of the NavBar to have white text so that it can be seen correctly (See Image 2).

PPavelRomeroAug 2, 2023

Hello.. Is there anyone here? :-)

SSemicolon WebSTAFFAug 3, 2023

Thanks for your Patience! Your ticket is being looked into and will be answered very soon.

SSemicolon WebSTAFFAug 7, 2023

Hello,

Thanks for your Kind Patience! :) The Delay is due to the issues which are results of Customizations rather than the Default Codes provided with the Package. Currently we do not provide Customization related support based on our Support Policy: https://support.semicolonweb.com/support-policy/ . Support is provided only on the Default Features provided with Canvas. Extending and Customizing Canvas further is User's Responsibility.

Based on your Errors, we have noticed that there are many Validation Errors on your Page: https://validator.w3.org/nu/?doc=https%3A%2F%2Fcapitiz.com%2FAvisoGratuito.aspx which might be causing the unexpected issues which you should consider fixing first.

  1. Custom Codes on this Page are causing these issues: https://capitiz.com/DXR.axd?r=23_81-8Gzar conflicting the Default Bootstrap Columns: .col-md-*.

  2. Since you are using Stock Bootstrap Tabs, their styling are being applied. You will need to Customize this manually:
    [ch_pre type="css"].nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: var(--bs-nav-tabs-link-active-color);
    background-color: var(--bs-nav-tabs-link-active-bg);
    border-color: var(--bs-nav-tabs-link-active-border-color);
    }[/ch_pre]

  3. Unfortunately, the Default Sticky Sidebar functionality currently does not support this as you can here: https://canvastemplate.com/sticky-sidebar.html . You can consider using .position-sticky instead along with .top-0 Classes: https://getbootstrap.com/docs/5.3/utilities/position/ .

  4. Adding the .w-100 Class to the .navbar should fix this.

Since, currently Customization related Support is not included with the License according to the Item Support Policy: https://themeforest.net/page/item_support_policy and https://support.semicolonweb.com/support-policy/ . You will need to manually code this or Hire Us to help you out with Customizations.

Thanks for Understanding!

Let us know if we can help you with anything else or if you find any further issues.

PPavelRomeroAug 9, 2023

Hello:

Thank you.

Regarding the NavBar.

In this URL press button "Visual Elements": https://capitiz.com/AvisoUltra.aspx?IR=qv5W82+PdMt5dGAtFLTFpaSEkNoekPAPv+haG6TFj+4+U2cSnZIa4FdBGTeJlTF0KKzmUw==

  1. How can I make the menu items appear aligned to the right in the desktop view? (IMG006.png)

  2. In Mobile view: How can I make both buttons right aligned next to each other? (IMG003.png)

  3. In Mobile view: How can I make both buttons stay aligned to the right? (IMG004.png)

  4. Finally in the Mobile view: How to make the menu close when an option is selected? Currently the Menu remains open and you have to press one of the buttons to close it.

SSemicolon WebSTAFFAug 10, 2023

Hello,

  1. Add the .justify-content-end Class to the .navbar-collapse Element.

  2. Add the .ms-auto Class to the .navbar-toggler Element and .ms-3 Class to the .btn-close Element. You will need to make the customizations manually using the Utility Classes based on your needs. You can find all the Utility Classes here: https://getbootstrap.com/docs/5.3/utilities/spacing/ .

  3. You will need to use Order Utility Classes: https://getbootstrap.com/docs/5.3/utilities/flex/#order .

  4. Unfortunately, this feature is currently not available within the Default Templates. We will surely consider adding this in Our Future Updates and will send you a Notification once this is available.

We Apologize for the Inconveniences, however, we currently do not provide Customization related Support according to the Item Support Policy: https://themeforest.net/page/item_support_policy and https://support.semicolonweb.com/support-policy/ . You will need to manually code this or Hire Us for Customizations to help you out.

Let us know if we can help you with anything else or if you find any further issues.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard