Question about responsive styling and inheritance

Marco Michely

• May 19, 2020 11:17

I set some stylings for the desktop layout. as soon as i switch to tablet the stylings changes partially. Font family is not correct. Button Stylings are not the same (margin).

You can see the behavior in this video: https://dsh.re/bc4ee5

• Brizy Version 1.0.124
• Brizy Pro Version 0.0.41
• Brizy Starter Theme Version 1.0.1

Is there a way to reset the element stylings for tablet / mobile breakpoints?

0

• 

  Sandra Prunici

  • May 19, 2020 12:59

  Hi Marco,

  In this article, you can find https://support.brizy.io/hc/en-us/articles/360019680792-Making-your-page-responsive how to make your page responsive. Also, here you can find how to set global styles https://www.youtube.com/watch?v=sseToVtsPi0 

  Regarding the breakpoint - at the moment we don't have this option but we are working on it.

   

  Best regards,

  Sandra 

  0
• 

  Marco Michely

  • May 20, 2020 07:45
  • Edited

  Hello Sandra,

  thanks for your response. I know how to use the responsive and global styles features. And i double checked the docs about that. 

  Nevertheless there is the problem i describe above. 
  I fact i just styled in Desktop mode (as your docs describes) and then wanted to check tablet and mobile views. The problem is, stylings are different and i do not understand, why the desktop styles are not inherited correctly.

  1
• 

  Sandra Prunici

  • May 20, 2020 08:50

  Hi Marco,

   

  Could you please give to us more details about this inconvenience? What element did you use for this page? How did you build it? Is it possible to send to us the link to this page? Also, what theme did you use? Did you try to change the theme and deactivate all plugins?

  Thanks!

   

  Best regards,

  Sandra

  0
• 

  Marco Michely

  • May 20, 2020 09:25

  Hello Sandra,

  is use Brizy Starter Theme (Version 1.0.1).
  The Site is WIP and can be seen here: https://shczapla.quickeasy.website/

  I can provide login credentials if needed on a private communication channel.

  0
• 

  Marco Michely

  • May 20, 2020 10:50

  Okay. I think i get it.

  There seems to be no inheritance from Desktop -> Tablet -> Mobile. Whether for custom font styles nor for global styles. I have to define all of them. That's insane.

  0
• 

  Sandra Prunici

  • May 20, 2020 13:50

  Yes, you are right, for Tablet and Mobile you can set some different styles. I'm happy to hear that you already find this.

   

  Best regards,

  Sandra

  0

Please sign in to leave a comment.