Header logo too small on mobile when building with Nimble Builder

  • Resolved janez33

    (@janez33)


    4 years ago

    Hello, this issue took me quite a while and I managed to solved it but I think it’s an issue anyways and it should be fixed. Maybe I’m wrong and I just cant find this in the settings.
    I think logo looks too small on mobile.

    I’ve recorded a video of my problem: https://recordit.co/k9XFWpKjJn

    So I’m building a home page and I’m desiging a header with a logo and menu links using Nimble Page Builder. I’ve uploaded Placeholder image for logo and I check on mobile and the logo is too small. (screenshot 1.png) It’s probably because of the right section taking too much space (screenshot 2.png). So I went to image module try to fix width of the image and it doesn’t work (screenshot 3.png). Then I tried to fix width percentage of a column but it doesn’t fix the problem because then it breaks for you or the logo is too big on desktop (Screenshot 4.png). So I can’t change the sizing for logo….

    There is also no way of using only one column to insert both: logo and menu links. They can only be on top of each other which also isn’t great because you can’t change column widths for different screen sizes only for global styling.

    I really want to use your builder for this page I’m building.

    Regards,

    Janez

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author presscustomizr

    (@nikeo)

    Hello,
    Thanks for reporting this problem. This was a bug that prevented users to set a custom width to an image. It is now fixed in the latest released of the plugin ( v2.1.21 )

    About the column question : yes Nimble Builder will stack modules vertically in a given column. To build horizontal layouts with different modules, you’ll need to use several columns. Columns are reorganized vertically by default when the viewport is smaller than the default breakpoint, but you can change the breakpoint for a section, so that columns stay horizontal on all devices. This is explained here : https://docs.presscustomizr.com/article/343-designing-for-mobile-devices-with-wordpress-nimble-builder
    I hope it helps

    Thread Starter janez33

    (@janez33)

    Thank you very much for fixing the bug and explaining the issue. I’m looking forward to try implement this on my page. Regards from Slovenia!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Header logo too small on mobile when building with Nimble Builder’ is closed to new replies.