Canvas Support

Mobile Menu

29 replies · opened Feb 21, 2019

BbjoeyFeb 21, 2019

Please see screen shots attached, this is what happens when I scale down to mobile, the code looks the same in both, what am I missing to cause this.

Please help, as not much of an expert

SSemicolon WebSTAFFFeb 21, 2019

Hello,

Please provide us with a Live URL so that we can check out the exact issue and provide you with more assistance on this. Thanks for your Patience.

Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas.

BbjoeyFeb 22, 2019

Hi Folks I am new here, just wondering how long does it normally take to get a response?

Cheers

SSemicolon WebSTAFFFeb 22, 2019

Hello,

Thanks for your Patience! You can expect a response from us within 24 Hours.

The errors on your Page is really weird as the codes appears to be same from the Demos but we have detected mixed content on your Page. Please make sure that all your external links are https:// as your Website runs is on https://. This would ensure that there are no unexpected issues. You can check your Browser's Developer console for further details.

Please get back to us once you fix this and if you are still facing further issues. Thanks for your Patience.

Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas.

SSemicolon WebSTAFFFeb 22, 2019

Hello,

Simply replace the following code: 


-

with the following code: 


-

Hope this Helps!

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

BbjoeyFeb 22, 2019

OK that didnt really change anything, the menu still doesnt work and what about the optin box it centers the text whereas on the Interior design demo it is justified left and right, any idea on that?

SSemicolon WebSTAFFFeb 22, 2019

Hello,

The Content Codes on your Page is perfectly fine and the Stylesheet linking order is also perfectly fine! The big problem on your Page is that there are HTML Validation errors on your page: https://validator.w3.org/nu/?doc=https%3A%2F%2Fclintsecogardening.com%2F .

Starting with Line 1 on your Page:

The codes are declared twice along with the End </body> and </html> Tags.

Please make sure that you double check your codes while publishing and also Validate your codes appropriately here: https://validator.w3.org/ .

Hope this Helps!

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

BbjoeyFeb 24, 2019

Can you please tell me which files I need to change the green colour in the attached screenshots

BbjoeyFeb 24, 2019

and these icons too

SSemicolon WebSTAFFFeb 25, 2019

Hello,

Simply find the following code on your HTML Page: 

css/colors.php?color=1c85e8

and replace the 1c85e8 with your required HEX Color.

Additionally, please follow the Documentation > Start > Color Schemes Section for complete instructions on changing the Color Scheme.

This will definitely work fine. Hope this Helps!

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

BbjoeyFeb 28, 2019

Hi what is causing this not to stretch it seems to be contained see screen shot 1

Then on contact page it loads like this Screen Shot 2

this is continued in next reply as I can only add 2 screen shots

BbjoeyFeb 28, 2019

If I arrow down once on page it swaps to left and add the top bar line see red circles screen shot 3

Then if I refresh page it loads properly

https://clintsecogardening.com/contact/

BbjoeyFeb 28, 2019

Hi Not sure what I have done but look at screen shot 1 top menu, the colours, I want them to be the same on the mobile style nav see screen shot 5, as you can see all but the home is green the rest have turned the blue from the drop down menu in screen shot 6

SSemicolon WebSTAFFFeb 28, 2019

Hello,

  1. There are HTML Validation Errors on your Page: https://validator.w3.org/nu/?doc=https%3A%2F%2Fclintsecogardening.com%2F which is most probably causing these issues. We request you to fix all the errors after validating your Website so that you do not face any unexpected issues.

  2. The issue should be fixed once you follow the instructions in the above point. However, if it doesn't you can simply add the following code just after the </header> tag:

  1. You are using a PHP File on Amazon CDNs: https://s3.amazonaws.com/clints-eco-gardening/css/colors.php which is causing this issue. Amazon does not allow PHP Files to be executed through CDNs, you will need to use the PHP Files locally. We recommend you to consider hiring a Freelancer to manage these for you.

Hope this Helps!

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

PS. It would be great if you can open New Topics for New Issues as this will help us track the issues in a more organized way. Thanks. :)

BbjoeyMar 1, 2019

Hi,
Please see response from where my site is hosted

Hi Doug,

Regarding point 3, please ask the template provider to explain why he is using php for the html template. We need to know whether php is just because he wanted that or it's really executing some stuff there, so html can't be used.

Please get back once you get response from the template supplier and we will help you to figure the rest out.

Regards,
Sergey

--
Sergey Sergey from DashNex Pages

Please explain so I can reply to Sergy

SSemicolon WebSTAFFMar 1, 2019

Hello,

The PHP is used for the CSS File so that a Single File can be used in multiple locations for easily defining different Color Schemes. You can simply use the css/colors.css File replacing the css/colors.php File. Make sure you have followed the Documentation > Start > Color Schemes Section.

Hope this Helps!

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

BbjoeyMar 2, 2019

Hi,

Currently I have both files in there are you saying that I only need to use one and if I bin the .php file it will still work

SSemicolon WebSTAFFMar 4, 2019

Hello,

  1. You will only need to use 1 File Type. Either CSS or PHP. If you use the PHP File, you can simply add your Custom Color HEX Code at the end of the URL as ?color=HEX and you wouldn't need to touch the Codes in the PHP File. If you use the CSS File, you will need to open the CSS File and change all the instances of the predefined HEX code to your Custom Color HEX Code manually. Hope this makes everything clear!

  2. We have checked out your Website on a Mobile Device and the Mobile Nav Menu appears to be working fine for us. However, we can see some Files missing from your Server. You can check the List of missing Files on your Browser's Developer Console.

Hope this Helps!

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

BbjoeyMar 15, 2019

Hi Please see attached screen shot, I was wondering why the page I am on does not get highlighted in the menu. As you can see I am on the About page and the Menu is still highlighted, this is the same across all pages as it stays highlighted on Menu

BbjoeyMar 15, 2019

Hi how do I get the icons to align left like the text.

Cheers

Doug

SSemicolon WebSTAFFMar 16, 2019

Hello,

  1. Since Canvas is a Static HTML5/CSS3 Template, you will need to remove the .current Class from the Menu Item and add it to the Active (current page) Menu Item.

  2. For the Icon Issue, please provide us with a Live URL so that we can check out the exact issue and provide you with more assistance on this. Thanks for your Patience.

Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas.

BbjoeyMar 17, 2019

https://clintsecogardening.com/about-2/

Can you please give example in the style.css where I have to do the below as I dont quite understand it as there are so many (current and Active) in the style.css

"you will need to remove the .current Class from the Menu Item and add it to the Active (current page) Menu Item."

SSemicolon WebSTAFFMar 18, 2019

Hello,

You do not need to change anything in the CSS Files. Simply find the .current Class inside the #primary-menu Element and delete it from the Existing Menu Item to the New Menu Item which you wish to be assigned as the Current Page. Example: 


- [Shortcodes](#)

This will definitely work fine. Hope this Helps!

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

BbjoeyMar 18, 2019

Hi any joy with this from above

Hi how do I get the icons to align left like the text.

Cheers

Doug

SSemicolon WebSTAFFMar 19, 2019

Hello,

Sorry, we completely missed that part of the Query!

Simply find the following code on your HTML Page:

and replace it with:

This will definitely work fine. Hope this Helps!

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

BbjoeyMar 26, 2019

Hi, I am trying to make screen shot team

look like screen shot team correct.

the code looks the same but they all stack on the left rather than 22 beside each other.

Can you please look at the code on this page and see where I have gone wrong as I have tried many things and nothing seems to change

Cheers

Doug

SSemicolon WebSTAFFMar 26, 2019

Hello,

Please make sure that all the Bootstrap Columns are directly inside a .row Container according to the Bootstrap Guidelines: https://getbootstrap.com/docs/4.3/layout/grid/ . Example: 


	
		...
	

	
		...
	

	...

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