Conflict with UABB

  • Resolved mikexavier

    (@mikexavier)


    5 years, 7 months ago

    Hi, I’m finding when using the “Force Inline SVG” option, the UABB (https://www.ultimatebeaver.com/) “advanced menu module” stops working.

    You can replicate the issue by going to the site on mobile, clicking “jump” in the bottom menu bar, then trying to open the menu.

    I reached out to UABB, and they’ve asked me to contact you to try and find a solution.

    I’d like to be able to target the svg’s throughout the site, so I’m hoping there’s either another way to do that another way that I missed, or a way to get the two plugin’s working nicely together ??

    Any insights would be appreciated!

    thx

    Mike

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

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author Benbodhi

    (@benbodhi)

    Hey Mike,

    Thanks for reaching out.

    The force inline SVG option should be a last resort. You can use the CSS class to target them individually. The force option actually will inline every single SVG file it finds, which is very unlikely that you would need that.

    To inline each SVG, you just need to use the class style-svg in your IMG tags when embedding the SVG.
    For example:
    <img src="your-svg.svg" class="style-svg" />

    That will then be rendered inline.

    I hope this helps.

    I will see if I can investigate what is happening exactly with that plugin in particular asap, but you should try to avoid the force option where possible.
    I originally only put it in to address an issue with some early page builders, which I think may have fixed their issues since, but I don’t use them so I’m not 100% sure, so I left that feature in the plugin for now.

    Thread Starter mikexavier

    (@mikexavier)

    Hey, thanks for the fast reply! I first tried adding the class but found I couldn’t target specific parts of the SVG. I’m using beaver builder for this particular site. Could that be why?

    Cheers!

    Plugin Author Benbodhi

    (@benbodhi)

    Pleasure!
    I haven’t used beaver builder so can’t be sure. But there must be a way to inline them without the force option. Usually you can use a plain code or content section in builders, then put your image code there. Using their built in image block may not work if they have nested it in a way that doesn’t allow you to put the class on the actual svg src.

    Thread Starter mikexavier

    (@mikexavier)

    yeah, pretty sure they way they have their image modules set up doesn’t allow for it. I’ll just use the html modules and work out a better admin section for the client.

    Cheers!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Conflict with UABB’ is closed to new replies.