Margin control

  • Resolved foxtrio

    (@foxtrio)


    8 years, 10 months ago

    I have “spacious” them and I have “food and drink menu plugin”
    I made several menu . I put below for side bar on the left.
    “#secondary { width: 10%;}
    #primary { width: 90% }
    @media screen and (max-width: 960px) { #main #secondary { display: none; } } .hide_on_mobile “

    BUT, my problem is the margin. on my menu mobile version all my contents in menu are going on to right. so looks not pretty… Please help

    Jangwon1.wpengine.com for reference

Viewing 2 replies - 1 through 2 (of 2 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    If you’re not using a Child Theme, and if the theme doesn’t have a designated section of the dashboard for CSS modifications then do the following:

    1. Install this Custom CSS Manager plugin https://www.ads-software.com/plugins/custom-css-manager-plugin
    2. use its “CSS Code” section of the dashboard to hold your CSS modifications:
    3. (put this code in)

      @media screen and (max-width: 420px) {
    .entry-content .fdm-menu,
    .entry-content ul {
        padding: 0;
    }

    body #primary {
        width: 100%;
    }
}
    4. Save

    Alternatively use your Child Theme style.css file to hold your CSS modifications

    Just note that in future, if you have a responsive theme then you have to really think about the CSS you’re using. Don’t just think about desktop. Always start with mobile.

    Thread Starter foxtrio

    (@foxtrio)

    IT WORKED!!! THANK YOU SO MUCH!!!!!!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Margin control’ is closed to new replies.