Plugin moves header elements when activated

  • Resolved CGS Web Designs

    (@cgscomputers)


    7 years, 3 months ago

    When the plugin is active, it moves header elements to the bottom of the header. This is easier seen on desktop view.

    On my homepage you can see that the Facebook and Twitter logos appear at the bottom of the header. They should be at the top. Disabling the plugin moves them back to the top.

    This happens everywhere on the site except for the main feed page (maybe that’s a clue). You can see the only page that looks correct. Other than that page, the plugins forces the header elements downward on all other pages & posts on the site.

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

Viewing 7 replies - 1 through 7 (of 7 total)

  • Hi @cgscomputers,

    could you please re-activate Simple Author Box so I can actually see the issue? Right now I guess it’s disabled as I can’t see it being displayed on your website.

    If you don’t require any further assistance, please let me know as well.

    I have a suspicion that the theme you’re using is overwriting some CSS rules that our plugin should be actually enforcing (and it looks like it’s not).

    Let me know!

    Cristian.

    Thread Starter CGS Web Designs

    (@cgscomputers)

    The plugin is activated, I’m not sure why you don’t see it. You can look at any blog post such as apples-war-small-business/ and see the Author Box at the bottom of the post.

    If you’re using a tablet or mobile you can’t see the issue, it’s only visible on desktop with the browser window wide enough to allow full expansion of the theme.

    Hi @cgscomputers,

    I can see the author box now. The Facebook & Twitter icons you see up in the header aren’t coming from the plugin. Those are actually coming from the theme’s widgets. You might want to look under Appearance -> Widgets (I’d look for Header Widgets).

    It seems to be a text widget with HTML pasted in.

    Thanks,
    Cristian.

    Thread Starter CGS Web Designs

    (@cgscomputers)

    I know the icons aren’t coming from the plugin, I put them there in a widget using HTML. However, before the plugin was installed that widget displays at the top of the header instead of at the bottom. The only page where this doesn’t occur is the main feed page linked in the original post.

    To better illustrate the issue I’ve uploaded some screenshots…
    Plugin Disabled: This is how the header SHOULD look: https://cgscomputer.com/wp-content/uploads/2017/12/Plugin-Disabled.png
    Plugin Enabled: This is what happens when the plugin is enabled: https://cgscomputer.com/wp-content/uploads/2017/12/Plugin-Enabled.png

    Ok, I’ve managed to figure this out. It’s happening because our plugin and your theme are both using the same CSS class to clear floats. However, our plugin’s using a more complete CSS clearfix solution that overwrites your theme’s CSS class.

    To get this to work as it does with the plugin disabled, you can use this CSS snippet: 

    body .clearfix:before {
clear: none !important;
}

    You can add in: Appearance -> Customize -> Additional CSS.

    Let me know how this goes.

    Thanks,
    Cristian.

    Thread Starter CGS Web Designs

    (@cgscomputers)

    Thanks Christian, that snippet appears to have resolved the issue. I appreciate your assistance very much!

    Hi @cgscomputers – glad it’s fixed!

    If you like Simple Author Box, please consider leaving us a review, here: https://www.ads-software.com/support/plugin/simple-author-box/reviews/?rate=5#new-post

    Thanks,
    Cristian.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Plugin moves header elements when activated’ is closed to new replies.