Move content to the right with CCS main menu

  • Resolved evefd23

    (@evefd23)


    4 years, 1 month ago

    I’m editing the content on a school’s website and I’ve encountered a slight problem. They want me to add another menu item, which is fine, only it then overlaps some text which is on the header. I originally thought the header was just an uploaded image but upon investigation it turns out it’s not. I’ve managed to locate the code, but I’m unsure what changes to make. I just want to shift the below to the right without affecting anything else.

     </head>
  <body <?php body_class(); ?>
<nav id="site-navigation" class="navigation main-navigation" role="navigation">
      <div class="container">
  <div class="pre-nav-notice">
    <p><span class="glyphicon glyphicon-earphone"></span> &nbsp;0114 288 4281</p>
    <p><span class="glyphicon glyphicon-envelope"></span> &nbsp;[email protected]</p>
    <p><span class="glyphicon glyphicon-home"></span> &nbsp;McIntyre Rd, Stocksbridge<br />Sheffield S36 1DG</p>
  </div>

    I’ve tried editing with CCS, which does shift it to the right, only it goes all the way to the end of the page regardless of the number of px. It also for some reason changes the size of the menu text.

    Help would be much appreciated!

    • This topic was modified 4 years, 1 month ago by evefd23.

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

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

  • Hey,

    Trying to take a look at the link you posted, but that page doesn’t seem to be working. Is the link correct?

    Thread Starter evefd23

    (@evefd23)

    Hi @dvaer

    Thanks for your reply. Yes the link is correct – https://st-anns.sheffield.sch.uk/
    If this doesn’t work, ‘St Ann’s Catholic Primary Sheffield’ will give the right search result, it’s just the homepage that I’m trying to edit.

    Thanks

    Got it, thank you. It turned out the site wasn’t accessible for me from abroad, but with a local IP-address I managed to reach it.

    I see the section you’re trying to move to the right. It’s this, isn’t it: https://ibb.co/n8tqrWt?

    One way to move that to the right would be with a negative right margin (for example -100px). The code below would do that for you: 

    .pre-nav-notice {
    margin-right: -100px;
}

    If you add that to your site’s custom CSS field (in the theme customizer) you should see the block shifting to the right.

    I hope that helps ??

    Thread Starter evefd23

    (@evefd23)

    @dvaer Thank you so much! ??

    • This reply was modified 4 years, 1 month ago by evefd23.
Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Move content to the right with CCS main menu’ is closed to new replies.