Hover box responsiveness

music_jadams

Could you please provide CSS to:

1. Fix a problem with hover box text not shrinking at different screen sizes? 

2. I would also like for the Hover box columns to stay the same height as each other as the window changes size. 

https://www.staging12.seattlentc.com/

https://i.postimg.cc/vBWhWxfd/Screen-Shot-2020-06-20-at-7-37-51-AM.png

Thanks!

Bryan

Hey,

1. There is not much we can do, there are too many of them for such a large heading. Either make that heading smaller or insert less items in one row.

2. If you want those to be the same height, edit the section that those hover boxes are inserted in and check the option "equal height items in wrap"

Remember that those items need to be inside one wrap.

https://prnt.sc/t45fni

thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

music_jadams

Thanks for the response. I've worked around it by creating a 2 column version for medium screens.

I have another question. Is there a way on a mobile to reduce the height of the Visual Composer Hover box so they are not as tall? https://postimg.cc/gallery/KZ73BpP staging12.seattlentc.com

Additionally, how do I increase font size for side slide menu only on mobile. https://postimg.cc/NKqcHHkY

Thank you!

Bryan

Hey,

1. WPBakery Builder has its own option and we do not controll it. If there is no option to adjust it, we cannot do anything about that. You would have to ask the plugin author.

2. The font size is taken from the main menu font size in theme options. There is no option to increase it on mobile.

thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next