Header block / responsive drawer styling being ignored

Mark Juno

• July 16, 2020 13:43

Hey Brizy team

We signed up yesterday for Brizy.cloud as it a real game changer.

Maybe some issues with responsive styling being ignored either with a light or dark header block. If you leave the desktop set to regular menu (not hamburger) any styling you try apply to the responsive viewports are ignored and the styling from the main menu text is applied as well as the background color.

With the Hamburger menu set for all devices the styling is correctly applied to responsive devices & not overwritten by the Desktop settings.  I saw a post where someone had the same kind of issues and Sandra's solution was to recreate the new blocks but as the headers all seem to be v1 i have no other choices.

To simply re-create the issue:

1) add any header block to the page. Ensure you leave the nav menu as traditional style not hamburger. 
2) Go into the responsive options and change alignment or text color or background.
3) when testing on tablet or mobile you will see these styles you applied to responsive views are ignored.

We tried 3 browsers and differing projects with same issue.

Thanks so much!

 

0

• 

  Sandra Prunici

  • July 16, 2020 15:11

  Hi, Mark,

  Thank you for getting in touch with us and for your post.
  I tried to reproduce the issue you reported and followed the steps you mentioned but I couldn't find the issue. See here the screen record. Could you please check it?
  Thanks!

  Best regards,
  Sandra

  0
• 

  Mark Juno

  • July 16, 2020 23:40

  Hello Sandra

  many thanks for your response and screencast. In Brave browser or Chrome and testing the actual public site in a browser is where the issues are, within the editor it looks perfect. The only area with the issue is the mobile responsive drawer, this is where the text from the main navigation menu are being applied no matter what is set in the editor.

  In the screen recordings i am showing you the editor view which renders the drawer and text perfectly but the same page on the public link is shown in Safari this time. I could show you the inspector window but you can check this in responsive mode and you will see the the styles are being overwritten with the black fonts style you see in Safari.  I added a second screen recording showing the customizing the drawer styling too.

  As mentioned, if you set all devices to be Hamburger menu then all styling is correctly applied.

  Hope that makes it easier to understand.

  video 1:
  no styling applied but the white text is ignored in responsive drawer.
  http://somup.com/cYiD0DQWI9

  video 2:
  styling the drawer text and background, text style is ignored.
  http://somup.com/cYiD0xQW2N

  0
• 

  Sandra Prunici

  • July 17, 2020 09:37
  • Edited

  Hi, Mark,

  Thank you for your videos and applications. I followed all you do in those videos and I could reproduce the issue. I already created a ticket based on this issue and send it to our developers. They are investigating this issue and in the next days we plan to add the fix for this inconvenience.
  Thank you again for reporting this!

  Best regards,
  Sandra

  0
• 

  Mark Juno

  • July 17, 2020 15:02

  Hello Sandra.

  Thank you so much for the reply and information. Really appreciate the great support and responses. Look forward to the fix.
  Have a great weekend ahead.

  Best
  Mark

  0
• 

  Sandra Prunici

  • July 17, 2020 15:33

  Hi,

  Thank you too for cooperation and reporting this issue. When we will fix it, we inform you here regarding this.

  Have a great weekend too!

  Best regards,
  Sandra

  0
• 

  Sandra Prunici

  • July 21, 2020 07:18

  Hi, Mark,

  This problem is already fixed in the Cloud. Could you please check this?

  Thanks!

  Best regards,
  Sandra

  0
• 

  Mark Juno

  • July 22, 2020 06:55

  Hi Sandra

  Thank you so much. Just tested it and it is perfect.

   

  You and the team are so awesome. 

   

  Thanks so much.

  Mark

  0
• 

  Sandra Prunici

  • July 22, 2020 10:25

  Hi, Mark,

  Thank you too for your warm words! It is very pleasant to hear such words and see that all is fine now!
  Let us know if we can help you with something else.

  Thank you!

  Best regards,
  Sandra

  0

Please sign in to leave a comment.