Canvas Support

Divs to be 100%width after adding sidebar on the home page

5 replies · opened Apr 21, 2021

SSGASAApr 21, 2021

Hello

Few weeks ago, I created a ticket and ask you for help to customize the home page of the site that I am working on. You did great job and helped me with the issue, so I am now hoping that you can help me with the following issues:

  1. As you can see on the link bellow, I am unable to set the #top-bar to be 100%width. Same thing is true for the header,
    class "section header-stick", and the id #related-portfolio. Can I achieve 100%width? If yes, how?

  2. Second big headache I have is the slider. I am trying to set up revolution slider with transition effect: data-transition="Slide Boxes" , without any luck. I would like slider to be 400px height and to fit on the page, which is not the case now (left navigation button is not displayed).

On the end...Client is asking me the left side bar (that you create for me) to look like menu, to have borders between the links, hover etc. Do you have any ready to go css or a class in some existing css file that I can use to give that sidebar look & feel of real meny? I can modify the colors, that is easy.

Thanks in advance.
Regards, Zoran

SSGASAApr 22, 2021

Hello

Number 1 in the previous ticket has been solved. You can just check my solution.

When you can, please help me with number 2 and the Sidebar to look more like menu.

Regards, Zoran

SSGASAApr 23, 2021

Hello.

I have solved all other issues, please help me to customize the slider.

Regards, Zoran

SSemicolon WebSTAFFApr 24, 2021

Hello,

Thanks for your Continued Patience and Apologies for the Delays!

We have been checking your Page and the issues here with the Slider are due to the Customizations on the Page related to the Side-Panel and Primary Header being used together on the Page. The Default CSS/JS Codes currently does not support this Customization and the Sliders can only be used with the Side Header Templates: http://themes.semicolonweb.com/html/canvas/header-side-left.html which properly align the Sliders inside the Container. As the Side-Panel and Header is used together on the Page, this will require more customizations to make the Slider display correctly in the current layout as the Side Panels are not used for their intended purpose.

Additionally, as we have mentioned earlier in our previous reply to another Topic: http://support.semicolonweb.com/forums/topic/two-menus-horizontal-and-vertical/ , we currently do not provide Customization related Support according to the Item Support Policy: https://themeforest.net/page/item_support_policy . And 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.

Hope this Helps!

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

SSGASAApr 28, 2021

Hello.

Ok, I understand what you are saying.

Since I managed to add slider, can you at least help me to add a transition between slides? Client is complaining that slider is "boring" as it is now.

(http://sga.net.gr/inoxsteel/)

SSemicolon WebSTAFFApr 29, 2021

Hello,

Since you are using the Owl Carousel, simply add the data-animate-in="rollIn" and data-animate-out="rollOut" Attributes to the .owl-carousel Element. You can choose to use these Animations: http://docs.semicolonweb.com/docs/shortcodes/animations/#docs-options .

Hope this Helps!

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