Skip to Content Skip to Menu

Canvas background img not responsive

  • erwinds
  • erwinds
  • OFFLINE
  • Posts: 24
  • Thanks: 1
  • Karma: 0
8 years 6 months ago - 8 years 6 months ago #281154 by erwinds
Canvas background img not responsive was created by erwinds
hi,

the canvas background is not responsive, can I to do this responsive?

On desktop


On Phone
Attachments:
Last edit: 8 years 6 months ago by erwinds.

Please Log in or Create an account to join the conversation.

  • krileon
  • krileon
  • ONLINE
  • Posts: 48547
  • Thanks: 8290
  • Karma: 1445
8 years 6 months ago #281165 by krileon
Replied by krileon on topic Canvas background img not responsive
It already is responsive. It behaves just like Facebook, Google, etc.. it contains the image with center alignment. You can make it top left aligned if you want using the below.

Code:
.cb_template .cbImgCanvas { background-position: initial; }

Regardless it is not and never will be a logo position. Its CSS doesn't facilitate that well due to scaling of responsiveness. If you don't care about stretching then you can use the below to force it to always fit the space.

Code:
.cb_template .cbImgCanvas { background-position: initial; background-size: 100% 100%; }


Kyle (Krileon)
Community Builder Team Member
Before posting on forums: Read FAQ thoroughly + Read our Documentation + Search the forums
CB links: Documentation - Localization - CB Quickstart - CB Paid Subscriptions - Add-Ons - Forge
--
If you are a Professional, Developer, or CB Paid Subscriptions subscriber and have a support issue please always post in your respective support forums for best results!
--
If I've missed your support post with a delay of 3 days or greater and are a Professional, Developer, or CBSubs subscriber please send me a private message with your thread and will reply when possible!
--
Please note I am available Monday - Friday from 8:00 AM CST to 4:00 PM CST. I am away on weekends (Saturday and Sunday) and if I've missed your post on or before a weekend after business hours please wait for the next following business day (Monday) and will get to your issue as soon as possible, thank you.
--
My role here is to provide guidance and assistance. I cannot provide custom code for each custom requirement. Please do not inquire me about custom development.
The following user(s) said Thank You: nant

Please Log in or Create an account to join the conversation.

  • erwinds
  • erwinds
  • OFFLINE
  • Posts: 24
  • Thanks: 1
  • Karma: 0
8 years 6 months ago #281167 by erwinds
Replied by erwinds on topic Canvas background img not responsive
thanks, this is what I needed.

Please Log in or Create an account to join the conversation.

Moderators: beatnantkrileon
Powered by Kunena Forum