Canvas Support

Instagram and Mobile View Issue

9 replies · opened Oct 1, 2018

Aanokiyoshi_Oct 1, 2018

Hi there, I'd like to ask several questions :

  1. Can you help me why if I put my instagram ID, it doesn't appear on the web page?
  2. How to fix this mobile view issues? (see attachments)

Thank you.

SSemicolon WebSTAFFOct 4, 2018

Hello,

Can you please provide us with a Live URL so that we can check out the exact issue and provide you with a more accurate solution for 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.

SSemicolon WebSTAFFOct 10, 2018

Hello,

We have checked out your Website and while the Instagram Issue appears to be fixed at the moment. The issue with the Mobile Header, appears to be with the missing Retina Logo Image. Please make sure that you have added a Retina Version of your Logo according to the #logo code provided in the Default Files.

This will automatically fix the issue. Hope this Helps!

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

Aanokiyoshi_Oct 15, 2018

Hello,

The instagram issue is done, but for the issues I've attached (see those 2 attachments), what's the solution for them?

Thank you

SSemicolon WebSTAFFOct 17, 2018

Hello,

Please make sure that you have checked Our Solution above to your Header/Logo Issue!

The issue with the Mobile Header, appears to be with the missing Retina Logo Image. Please make sure that you have added a Retina Version of your Logo according to the #logo code provided in the Default Files of the Package.

Please make sure that you have already uploaded your Retina Logo: images/logo@2x.png . Complete setup instructions for the Retina Logo can be found in the Documentation > Start > Logo Settings Section.

This will automatically fix the issue. Hope this Helps!

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

Aanokiyoshi_Oct 20, 2018

Sorry, I still don't get it.

I have uploaded logo2x.png,

now, where do I have to put such code above?
I mean, on which file which section?

Thank you for your help.

SSemicolon WebSTAFFOct 21, 2018

Hello,

The following code is missing on your Page (inside the #header container): 


	[
![attachment](images/logo.png)
](index.html)
	[
![attachment](images/logo@2x.png)
](index.html)

Adding the above will automatically solve the issue. Hope this Helps!

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

Aanokiyoshi_Oct 27, 2018

Hi, no, it doesn't solve the issue, and I think you're misunderstanding the topic I'm talking about.

I have 2 issues :

  1. On mobile page view, the menu doesn't show properly, it is cut.
  2. On mobile page view, the title is not on the center of the screen
    Let's fix one-by one, start with number 2.

As you can see on the attachment,
on mobile page view, the title is not on the center of the screen.
(the title written : "Move Without Limits").

What to do about it?

Thanks.

SSemicolon WebSTAFFOct 27, 2018

Hello,

Thank You for explaining the issues in details!

  1. Again, this is related to the Logo being not present on your Page. Because originally, the Menus are designed to display properly only if the Logos are present. This is the first time we have received a request where there is no logo on the Page. Nonetheless, you can use the following CSS Code to offset the Menu:
@media (max-width: 991.98px) {
	#primary-menu { padding-top: 100px; }
}
  1. This is because the Container is smaller that the Text which results in the text overflowing the Container, This causes the Text to appear as if it is not centered. Consider using the following code to decrease the Font Size to accommodate the text inside the Container:
@media (max-width: 575.98px) {
	.slider-caption h2 { font-size: 3rem; }
}

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