• Resolved gayle1

    (@gayle1)


    Hi everyone, I just know you are going to say it must be a problem with my theme but I used to have it working fine in the same theme. I have shifted the site (same host, different account) and have rebuilt the entire thing with the same-but-updated theme. Now when I attempt to use an image in the menu it sits below the text if I choose ‘After’ or above it if I choose ‘Before’. I have double and triple checked the theme stylesheet and cannot find anything that should make it do that. The only difference in the updated theme that might relate was the addition of webkit-fit-content, but I commented that out and tried again. No good, so I uncommented it. Still happening. I even added another dummy link to the menu to test if it were a width thing somewhere but that worked fine. It’s only images that will not display inline. Does anyone have any ideas?

    • This topic was modified 6 years, 1 month ago by gayle1.

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

Viewing 4 replies - 1 through 4 (of 4 total)
  • Thread Starter gayle1

    (@gayle1)

    It’s okay, I fixed it by adding a couple of lines to the menu-image.css of the plugin itself. I added display:inline; and float:left.

    Hello,

    Sad, but it’s only way to fix such integration problems.

    I advise you don’t edit any plugin or theme CSS directly, instead install module which allow you to provide custom CSS or create child theme. It will save you after update.

    Thread Starter gayle1

    (@gayle1)

    Hi zviryatko, I changed the version number of that css file too. I made it 91. instead of 1. I hope this saves me from any updates. If something happens later I will have to see to it then. Unfortunately I can’t find an alternative plugin and I really don’t want to have to go back to writing my own menus.

    Plugin Author Rui Guerreiro

    (@takanakui)

    @gayle1

    You can always add the custom CSS in the customizer section, avoiding this way problems with the theme updates.

    Go to Appearance-> Customize -> Additional CSS and place there your custom code.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Image sitting below text’ is closed to new replies.