[Resolved] Spacing plugin: can't get flush left align

Home Forums Support Spacing plugin: can't get flush left align

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #21605
    Frank

    I got the bundle primarily for the spacing addon, but I can’t seem to accomplish what I set out to do.

    Default the content and footer widgets have 80px more left indentation than the header and main navigation.

    So to left align all elements I should be able to either decrease content and footer widget indentation by 80px OR increase header and main navigation left indentation by 80px.

    I CAN increase header left margin by 80px but NOT the main navigation. I can’t find any settings for this.

    I can decrease content left margin by 80px but NOT the footer widgets. The setting for this does not accept negative values like -80px.

    Hope you can help me out with this one 🙂

    #21613
    Frank

    Looking at how the theme behaves when resizing the browser, there really is only 1 proper solution: I need to be able to give the main navigation an extra 80px left indentation.

    #21614
    Frank

    Hmm… complication. When I add 80px left indentation to the header, it does not center correctly anymore on mobile. It’s now centered at an offset of 80px.

    #21651
    Tom
    Lead Developer
    Lead Developer

    Hi Frank,

    By default – everything has 40px of padding.

    The menu doesn’t have an option to add padding – but maybe it should – I’ll look into that.

    When you adjust padding like you have (doubled it), you’ll definitely run into some things on mobile – your best bet is to add some media queries to adjust the look on mobile.

    You could add something like this:

    @media screen and (max-width: 767px) {
          .inside-header {
                padding: 40px;
          }
    }

    You can add that CSS using a plugin like this: https://wordpress.org/plugins/simple-css/

    As of right now, there’s no option for the spacing inside of the footer widgets – I’ll need to add this. There is an option for the spacing of the footer widget area.

    To adjust the spacing in the footer widgets themselves, you can use CSS like this:

    .inside-footer-widgets .inner-padding {
          padding: 0 40px;
    }

    Then adjust that 40px to your liking.

    Let me know if this helps or not 🙂

    #21739
    Frank

    Thanks for the quick reply! I’ll have a look later to see if I can make it work with the plugin you suggest.

    #21825
    Frank

    Thanks! Got it working with the Simple CSS plugin. It’s a bit hackish, but it works.

    Tip for other readers: put the @media declaration _below_ your other tweaks. Order matters because styles inherit/overwrite each other in order of appearance.

    #22048
    Tom
    Lead Developer
    Lead Developer

    Glad you got it working 🙂

    Thanks for posting that tip for other readers!

Viewing 7 posts - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.