toolbar covering my top menu. Impossible to customize css

• 

  luderaeco · Member · Nov 13, 2017 at 4:28 pm

  • Copy link
  • Add topic to favorites

  index.php has this rule for screen size (phone less than 760px):

  html { margin-top: 46px !important; }

  Custom CSS is run before this, so I can never change that margin on top. It is moving my toolbar when you are logged into wordpress as well as the top bar of my website so the title is not visible.

  I don’t know how to override that since it contains an !important tag already.

• 

  robertghetau · Staff · Nov 13, 2017 at 8:49 pm

  • Copy link

  Hey,

  First, could you give me a link to the website? Also, could you tell me if the website is hosted on WordPress.com? If it isn’t, I encourage you to open a new topic on the WordPress.org forums.

  Best,
  Robert

• 

  luderaeco · Member · Nov 13, 2017 at 8:58 pm

  • Copy link

  It is not hosted in wordpress, it’s inside my own hosting.

  this is the site http://www.cgunderworld.com Testing it with chrome, when it’s small, it moves down.

  I did some customizations after that, but I didn’t fix that.

• 

  luderaeco · Member · Nov 13, 2017 at 9:00 pm

  • Copy link

  By the way, you have to see the wordpress toolbar, so you need to be logged. If you create an account I can remove it afterwards! Just let me know

• 

  robertghetau · Staff · Nov 13, 2017 at 9:14 pm

  • Copy link

  As your website is self-hosted, I recommend opening a topic on the WordPress.org forums as this area is dedicated to the WordPress.com users.

  Here are more details regarding this:
  https://en.support.wordpress.com/help-support-options/

  I hope it helps.

  Robert