How could I modify mobile view

2 replies · opened Jul 16, 2020

LleatherboyJul 16, 2020

Hi.
I bought canvas some days ago.
I have some issues in mobile view.
I would like to display some of the header-extras (tel and working hours) maybe above logo.
And as i see it doesn't display the text <p> of the slider's caption. The <h2> text is viewable.
I found another ticket where you mentioned a file responsive.css but I cannot find it.
Could you help me?

The site isn't live yet.
I attach a screenshot

Christos

SSemicolon WebSTAFFJul 16, 2020

Hello,

  1. You can consider adding them to the #header using the Bootstrap Display Utility Classes: https://getbootstrap.com/docs/4.5/utilities/display/ and display them only on Mobile Devices.

  2. The Slider Caption's Tag uses the Bootstrap's Display Utility Classes: https://getbootstrap.com/docs/4.5/utilities/display/ , so simply removing the .d-none and .d-sm-block Classes will display them on Mobile Devices.

Canvas 6 does not include the css/responsive.css File anymore. The Responsive CSS is embedded directly in the style.css File.

Hope this Helps!

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

LleatherboyJul 17, 2020

I fix them.
Thank you.

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