Support » Theme: Coeur » Container space between menu and content – need to remove

  • Resolved gerwyn

    (@gerwyn)


    Hello

    Love the theme and installed it. There’s a strange container space that’s visible on web/mobile and don’t know how to remove it. No doubt it’ll be something pretty simple.

    Between the menu and the content is the container and would like the content to follow immediately after the menu. How do I do this? The website is .

    Thank you

Viewing 2 replies - 1 through 2 (of 2 total)
  • Theme Author Frenchtastic

    (@titouanc)

    Hello,

    I’m glad to hear that you like Coeur.

    Here is how you can change that:
    1) Install the plugin “Simple Custom CSS” (unless you want to edit the style sheets manually which I do not recommend)
    2) Go to Appearance > Custom CSS
    3) Copy and paste the following:

    .blog-header {
      margin-bottom: 0;
    }
    
    .post, article.page {
      border-width: 0 1px 1px 1px;
    }
    
    .sidebar {
      margin-top: 15px;
    }
    
    @media (max-width:767px) {
      .navbar {
        margin-bottom: 0;
      }
    }

    4) Hit “Update Custom CSS” and you’re done

    To remove the the space you only need the following lines (I extra lines above to make sure it looks smooth):

    .blog-header {
      margin-bottom: 0;
    }
    
    @media (max-width:767px) {
      .navbar {
        margin-bottom: 0;
      }
    }

    Feel free to fiddle with the code and please let me know if it worked 😉

    Theme Author Frenchtastic

    (@titouanc)

    Hello,

    I see that you’ve added the code to your website so I’ll set this topic as resolved. If you still have questions you can change the status back.

    Thank you

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Container space between menu and content – need to remove’ is closed to new replies.