Set a different menu for tablet and mobile & other suggestions

Jae Tan

• April 29, 2021 11:36

1. I think it is important to have the options to set a different menu for tablet and mobile, especially with the use of the mega menu. It does not look good on mobile and the text always changes colours on a mobile screen. For example, I set the text to black on a white background on the mega menu. On mobile, it will show up as white text on a white background and messy alignment. When I use images or graphic on the mega menu, I do not want it to show on the hamburger menu too. All these can be fixed with the ability to set a different menu with a simple dropdown just for a smaller screen size. Also, I do not see the options to change the text colours in mobile mode. The text somehow got blended with the background and I had to set the background colours 4 times. The hamburger menu on the normal header and menu on the dropdown/sticky header for both mobile and the tablet.

2. File Upload to come as an attachment and not store permanently on the server. Maybe an option to select this method.

3. There are also no options to set a colour when hovering over the link (in text box), I have to do it through CSS.

0

• 

  Gabriel

  • April 29, 2021 14:03

  Hi,

  Thank for the message and suggestions.

  We sent your requests towards the development team. But for the first suggestion - you can use hidden blocks on desktop and mobile (for more details https://jumpshare.com/v/lW845Y6vfdNPqPQDDZuT ).

  Best regards,

  Gabriel

  0
• 

  Sandra Prunici

  • April 29, 2021 14:27

  Hi,

  In the Brizy builder, you can customize the menu element for the mobile mode. Therefore, you can go to the mobile mode and select one menu item and customize the style. Also, you can go to the mega menu and change the background colour and hide the Image element. Moreover, you can set different colours for the hover mode. See here a video that illustrates all these possibilities.

  Best regards,
  Sandra

  0
• 

  Jae Tan

  • April 29, 2021 14:31

  Hi,

  I understand that I can change the background to a darker colour. However, if I like to keep the background white, I don't have the option to change the colour of the text (from the mega menu) in mobile mode. I have set the text to black on the desktop mode but it is showing as white on mobile.

  0
• 

  Sandra Prunici

  • April 29, 2021 15:13

  Unfortunately, the text colour can't be changed in mobile or tablet mode. 

  Best regards,
  Sandra

  0
• 

  Jae Tan

  • April 29, 2021 15:39

  If this is the case, why can't the text use the same colour as the desktop mega-menu? I've set it as black there and it is showing fine on the desktop. Is the text colour not force to mobile and tablet too? I have the same problem on my other websites with brizy as well and I always had to change the background color unwillingly on tablet and mobile. This can't be the solution.

  0
• 

  Sandra Prunici

  • April 30, 2021 09:15

  Hi Jae,

  Actually, the text colour in tablet and mobile mode is inherited from the desktop mode. See here. Is this working a bit different on your site? Could you please send us the URL link of the page where we can check this inconvenience? Is it a Brizy Cloud site or a WordPress site?

  If it is a WordPress site, could you please check if you have the latest Brizy Free 2.2.13 and Brizy Pro 2.2.9 version? Could you please temporary deactivate all external plugins (except Brizy Free and Brizy Pro) and activate a WordPress default theme? Could you please delete the site and browser cache? Do you receive the same inconvenience?

  Thanks!

  Best regards,
  Sandra

  0
• 

  Jae Tan

  • April 30, 2021 16:44

  Hi Sandra,

  Honesty I have no idea what is going on. This is one of the common issues I am facing with Brizy. I am using the latest version of Brizy and I tried switching the theme (I was using Blocksy) back to WordPress default theme, it did not solve the issue. However, when I return back to the website after a few hours (not too sure if I did something in between), one of the columns is display correctly - with dark text just like in desktop mode. I duplicated that column to the first one and re-did the link and it is working fine now. I have no clue what was going on and the second column were duplicated from the first one in the first place.

  

  0
• 

  Sandra Prunici

  • May 04, 2021 08:06

  Hi,

  Thank you for updating us regarding this issue! Great to know that all is working fine now! Here maybe was a cache problem. Anyway, if you will face this problem again, please let us know and we will be happy to help you!

  Best regards,
  Sandra

  0
• 

  Jae Tan

  • May 04, 2021 09:07

  Hi, 

  I am now using 2 headers, one for the desktop and one for the mobile, with a different menu set to it so as to prevent this issue. This method works. Thank you for your help.

  1

Please sign in to leave a comment.