Padding issues

  • Resolved ColBrewer

    (@colbrewer)


    7 years, 3 months ago

    Hi,

    Theres some padding being added to the body of my site which is affecting the layout when the site is responding to the width of my broswer – it kicks in when the mobile menu appears or disappears.

    This issue doesn’t show when I deactive the mobile menu plugin.

    See below the inline style=”padding-top: 85px; padding-bottom: 0px;” being injected into the body – I think this is the issue?

    <body itemtype=”https://schema.org/WebPage&#8221; itemscope=”itemscope” class=”home page-template-default page page-id-554 logged-in wp-custom-logo siteorigin-panels siteorigin-panels-home no-sidebar nav-float-right contained-header one-container active-footer-widgets-3 nav-aligned-right header-aligned-left dropdown-hover mob-menu-slideout-over” style=”padding-top: 85px; padding-bottom: 0px;” cz-shortcut-listen=”true”>

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

Viewing 5 replies - 1 through 5 (of 5 total)
  • Thread Starter ColBrewer

    (@colbrewer)

    7 years, 3 months ago

    maybe helpful…

    I’ve noticed that if you go from mobile width in your browser to desktop you get:

    style=”padding-top: 85px; padding-bottom: 0px;”

    If you start from desktop width to mobile width by resizing your browser you get:

    style=”padding-top: 0px; padding-bottom: 0px;”

    Which give different problems for me layout wise.

    • This reply was modified 7 years, 3 months ago by ColBrewer.
    Plugin Author Rui Guerreiro

    (@takanakui)

    7 years, 3 months ago

    @colbrewer That padding-top is on purpose so the content of your website isn’t cut off by the Mobile Header.

    this padding only exists when the Mobile Menu is visible so it’s normal to be 85px when the mobile menu is visible and 0 when it isn’t visible.

    At the moment when you force it to zero you are cutting part of the sentence “We are experts in Salesforce consultancy, configuration, design and development.”

    Thread Starter ColBrewer

    (@colbrewer)

    7 years, 3 months ago

    I’m not sure I’m adding that padding: 0 on the body. Its being generated by the plugin.

    When I deactivate the mobile menu plugin the ‘bug’ doesn’t appear.

    Also:

    “I’ve noticed that if you go from mobile width in your browser to desktop you get:

    style=”padding-top: 85px; padding-bottom: 0px;”

    If you start from desktop width to mobile width by resizing your browser you get:

    style=”padding-top: 0px; padding-bottom: 0px;”

    Plugin Author Rui Guerreiro

    (@takanakui)

    7 years, 3 months ago

    That padding that you see in isn’t added by WP Mobile Menu. Check my screenshot.
    https://cl.ly/2d44eab6a40c

    Also there is some other paddings that are part of your main content like that white part below the header.

    Can you provide further details of what you would like to look different and in what situation to see what I can do to help you?

    Plugin Author Rui Guerreiro

    (@takanakui)

    7 years, 3 months ago

    Will close the topic for now.
    Let me know if you need further help with this.

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

The topic ‘Padding issues’ is closed to new replies.