Canvas Support

Please help I have a problem with my photo slide (Using demo.spa)

16 replies · opened Dec 3, 2020

SShanta13Dec 3, 2020

I have a problem with my photo slide(First time it show 3 image it fade in to the next image in order. But onces it's finish the first round it doesn't change as smothly). Could you please help0 me again. Here is the link of the video I recorded to explained the problem. https://youtu.be/gFJ7vfpqLRw

Here is the ocde that I fixed

<!-- START REVOLUTION SLIDER 5.0.7 fullscreen mode -->
<div id="rev_slider_10_1" class="rev_slider" style="display:none;" data-version="5.0.7"> 

				      &lt;!-- SLIDE  --&gt;

				      &lt;li data-index="rs-36" class="dark" data-transition="fadetoleftfadefromright" data-fstransition="fade" data-slotamount="7"  data-easein="Power4.easeInOut" data-easeout="Power4.easeInOut" data-masterspeed="2000"  data-thumb=""  data-rotate="0"  data-saveperformance="off"  data-title="Enjoy Nature" data-description=""&gt;

				        &lt;!-- MAIN IMAGE --&gt;

![attachment](///C|/Users/AAA/Desktop/Fon/Website/MGG website/slide3.png)

				      &lt;!-- SLIDE  --&gt;

				      &lt;li data-index="rs-37" data-transition="fadetoleftfadefromright" data-fstransition="fade" data-slotamount="7"  data-easein="default" data-easeout="default" data-masterspeed="1500"  data-thumb="http://server.local/revslider/wp-content/uploads/"  data-rotate="0"  data-saveperformance="off"  data-title="Smart Look" data-description=""&gt;
				        &lt;!-- MAIN IMAGE --&gt;

![attachment](///C|/Users/AAA/Desktop/Fon/Website/MGG website/slide1.png)

				      &lt;!-- SLIDE  --&gt;

				      &lt;li data-index="rs-38" data-transition="fadetoleftfadefromright" data-fstransition="fade" data-slotamount="7"  data-easein="default" data-easeout="default" data-masterspeed="1500"  data-thumb="http://server.local/revslider/wp-content/uploads/"  data-rotate="0"  data-saveperformance="off"  data-title="Smart Look" data-description=""&gt;
				        &lt;!-- MAIN IMAGE --&gt;

![attachment](///C|/Users/AAA/Desktop/Fon/Website/MGG website/slide2.png)

					&lt;div class="tp-bannertimer tp-bottom" style="visibility: hidden !important;"&gt;&lt;/div&gt;
				&lt;/div&gt;
			&lt;/div&gt;&lt;!-- END REVOLUTION SLIDER --&gt;

		&lt;/div&gt;
	&lt;/section&gt;&lt;!-- #content end --&gt;
SSemicolon WebSTAFFDec 3, 2020

Hello,

Thank You so much for the Detailed Explanation on this!

There appears to be some JS Conflict on the Page that might be causing this issue. Can you 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.

Additionally, you can also consider checking your Browser's Developer Console and let us know if you see any errors (a screenshot would be great) so that we can better understand the issue.

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

SShanta13Dec 9, 2020

here you go. Also I found another problem when open the website in mobile, my product list is not showing. Apparently I mess up with html code again. Please help on both problem. Thank you.

SSemicolon WebSTAFFDec 10, 2020

Hello,

Thanks for your Valuable Patience!

We have checked out your Website and there are some HTML Validation errors: https://validator.w3.org/nu/?doc=https%3A%2F%2Fmggbangkok.com%2F which might be causing these issues. Please consider fixing them and check your Website again. Normally, your issues should be resolved after you fix the HTML Errors. However, if you are still facing any further issues, please let us know and we will definitely look into this for you again.

Regarding the Products on Mobile, we can see your Products on Mobile Devices without any issues. But it would be recommended to check this again after fixing the HTML Errors.

Hope this Helps!

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

SShanta13Dec 10, 2020

Hi. I have changed everything according to you. The old problems are fixed but new problem occur.

  1. There are some weird code text showing up at the top of the website (image problem 1)

2.When I open the website in mobile form or in my mobile in the product section all the information text details are too close to the frame. ( image problem 2)

Please help me with this for another one more time.

SSemicolon WebSTAFFDec 10, 2020

Hello,

  1. Your Website's Code still has HTML Validation errors: https://validator.w3.org/nu/?doc=https%3A%2F%2Fmggbangkok.com%2F . Please check the attached Image.

  2. Please see the attached Image. The Lines of Codes Highlighted have a lot of errors. Since you are not using Tabs, the .tab-container or the .tab-content DIVs are not required. Simply start with the following:
    [ch_pre]

     ...



 ...

[/ch_pre]

Consider keeping your codes as clean as possible to ensure that there are no unexpected issues. Also, do not use nested .row DIVs. The direct child of the .row DIV should always be .col-* DIVs.

Hope this Helps!

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

SShanta13Dec 11, 2020

Thank you a lot that's fix.! and I just change to the new domain name http://medgicgroup.com/ <<<this one please have a look.

However another 2 problem.
How do I get the message to send it to my email(mggbangkok@medgicgroup.com)
I try to put in the code action="mailto:mggbangkok@medgicgroup.com" on line373

But it's doesn't seem like it working.

  1. when you click on send message button it's stay frost in spa bg image. I want to change that to at leasts to be the company logo.
    How can I fix this?

Thank you

SShanta13Dec 11, 2020
  1. when you click on send message button it’s stay frost in spa bg image. I want to change that to at leasts to be the company logo.
    How can I fix this?
SShanta13Dec 11, 2020

Nevermind, I fixxed the 2nd problem already. Only the 1st problem needed to be fixed.
Which is
How do I get the message to send it to my email(mggbangkok@medgicgroup.com)
I try to put in the code action=”mailto:mggbangkok@medgicgroup.com” on line373

But it’s doesn’t seem like it working.

More New Question!
I need tyo get rid of this random space under the slide. It seems like the whole slide is moving upward. Can you please help.

I promise these 2 will be my last questions.

SSemicolon WebSTAFFDec 11, 2020

Hello,

  1. Using the action="mailto:mggbangkok@medgicgroup.com" is incorrect. Please make sure that you are using the Default action="include/form.php" File provided and add your Email Address in this File. You can follow the Complete Instructions on how to Setup Forms here: http://docs.semicolonweb.com/docs/forms/form-setup/ .

  2. There are still HTML Validation Errors on your Page: https://validator.w3.org/nu/?doc=http%3A%2F%2Fmedgicgroup.com%2F which might be causing issues with the Slider Height. Consider fixing the HTML Errors and checking this again.

Hope this Helps!

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

SShanta13Dec 15, 2020

The problems still accure. I already check and change the email in include/form.php. But it still not working.

And I still need to get rid of this random space under the slide. It seems like the whole slide is moving upward. Can you please help.

SShanta13Dec 15, 2020

More over I try to ass to image on the logo section but it sqeeze and look like this > attached image. How can I fixxed it?

SShanta13Dec 15, 2020

Also How can I change the background color of the scrow down header?

SSemicolon WebSTAFFDec 15, 2020

Hello,

  1. It might be possible that the PHP mail() Function is blocked by your Web Hosting Provider in order to prevent SPAM. So, it is Highly Recommended to use SMTP Functionality for Forms as it ensures that the Mails are delivered securely. You can ask your Web Hosting Provider to enable PHP mail() for you, if not, then you will need to use SMTP.

  2. As we have mentioned earlier, the Height issue due to the HTML Validation errors on your Page: https://validator.w3.org/nu/?doc=http%3A%2F%2Fmedgicgroup.com%2F . You will need to fix these in order to get rid of this random space. Additionally, your Slider's `

  • ` Tags have not been ended.
  1. There are a Lot of Customizations in the Logo Section. The Codes used are not in the correct format and this is why the Images are not displayed correctly. Please Make sure that you are using the Default Codes correctly:
    [ch_pre]

    attachment

    attachment
    [/ch_pre]

Additionally, your Logo is a bit large for Smaller Devices. You can consider using a Smaller Logo for Mobile Devices: http://docs.semicolonweb.com/docs/getting-started/logo-settings/#docs-snippet-mobile-logo . Here is an Example: http://themes.semicolonweb.com/html/canvas/logo-changer.html .

  1. We are not sure about this:
    Also How can I change the background color of the scrow down header?

Do you mean you would like to change the Header BG Colors on Mobile Device or Sticky Headers?

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.

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