Canvas Support

Need Help with Website

4 replies · opened Jul 3, 2016

AAbdullahQasmiJul 3, 2016

Hello! I purchased the Canvas Theme around 3 months ago and was unaware of the marvellous support system it comes with. Looking around a bit, I must say there are some real professionals working behind it. Hats off to the folks behind it!

Secondly, I have been using it to make a website. It can be looked at "www.kamaal.co"
I have certain queries regarding it. I am not a professional, so please be patient.

  1. The web page looks great on a PC but the text does not fit on a mobile device. I tried simply using <br> tags but it just messes up everything. Kindly help.

  2. If I try to implement the "side-header" on the above mentioned page, the slider disappears. Why does that happen?

  3. Is there a way to make the slider on "www.kamaal.co/RIJHome.html" go full screen on a mobile device like it does on www.kamaal.co?

  4. The Top Search and Cart was not required, so I removed the respective codes from the HTML. But it leaves a partition on the webpage next to the "Contact Us" on every page. Is there a way to get rid of it?

  5. Can I make the page on "www.kamaal.co/RIJMachines.html" to appear fullscreen on a mobile device?

  6. Is there a way to decrease the width of the side menu on "www.kamaal.co/RIJHome2.html". It takes up a lot of space and would love if it can be reduced.

Hope its not a lot to ask.
Expecting help soon.
Best Regards.

SSemicolon WebSTAFFJul 4, 2016

Hello,

Thank You so much for the Kind Words. :) Really Appreciate them! Very Happy to Help!

  1. You can easily set your Font Size and Line Heights according to the Device Size by setting the data-fontsize="['40','30','30','25']" to set Font Size of the Text Layer to 40px on Desktop, 30px on Notebook and Tablet, and 25px on Mobile and the data-lineheight="['40','30','30','25']" attributes for the layers. Complete Information for this can be found here: https://www.themepunch.com/revsliderjquery-doc/layers/ .

  2. Can you please set a Sample Page for us to Test so that we can check out the exact issue with this and provide you with a more accurate solution for this. Thanks for your Patience.

  3. This is Definitely Possible. Simply add the .force-full-screen Class to the #slider Element.

  4. Simply add the following CSS Code to fix this:

#header.full-header #primary-menu > ul {
	padding-right: 0;
	margin-right: 0;
	border-right: 0;
}

  1. Custom Revolution Sliders currently do not support the In-Built Full Screen Functionality of Canvas. However, you can use the Slider Settings: https://www.themepunch.com/revsliderjquery-doc/slidersettings/#sliderLayout to set the Layout for the Revolution Slider.

  2. Please add the following CSS Code:

.side-header #header { width: 260px; }

.side-header #header-wrap { width: 300px; /* 260px + 40px */ }

.side-header #header .container { width: 260px !important; }

.side-header:not(.open-header) #wrapper { margin: 0 0 0 260px !important; }

and change the 260px to your Custom Width.

This will definitely work fine. Let us know if we can help you with anything else or if you find any further issues.

AAbdullahQasmiJul 5, 2016

Thank you again for your prompt reply!

As asked, I uploaded a new file. The only difference between "www.kamaal.co" and "www.kamaal.co/indexside.html" is that I have added the "side-header" tag to the body in the latter, thus causing the slider to disappear. Kindly help.

Also, is there a way to turn on the "LABELS" on the map by default as the page loads on "www.kamaal.co/RIJContactNew.html".

Help is highly appreciated.
Thank You in advance. Cheers!

AAbdullahQasmiJul 7, 2016

Awaiting response eagerly. Thank you!

SSemicolon WebSTAFFJul 7, 2016

Hello,

  1. We have not tested the Side Headers with the Revolution Sliders yet so can you please send us this File on our Email: semicolonweb@gmail.com so that we can check if we can fix this for you. Thanks for your Patience.

  2. This is Definitely Possible. You can simply add the popup: true Option in the markers Object inside the Google Maps JS Initialization Code.

This will definitely work fine. 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