Fix the position of type

  • Hello, hope someone can help, I’m a rookie with WordPress, recently made the jump from Joomla.

    My client has asked me to put a phone number on every page, top right, I didn’t know how to do this, so, with a little digging I found a plugin called ‘custom header footer content’ this has allowed me to put the phone number in, however, when you resize the page it moves from left to right and I would like it fixed to range with the end of the navigation, any ideas?

    Alternatively, is there a better way of doing this?

    My site is https://xecution.co.uk/pure

    Regards

    Paul

Viewing 4 replies - 1 through 4 (of 4 total)
  • Matt Knowles

    (@aestheticdesign)

    If this is going to on every page, I would make the change to the header.php file for your theme.

    Try positioning the phone number with absolute positioning, specifying top and right so that it ends up below the Navigate To button. The numbers I used below are just made up, you’ll need to figure out the exact values that will work for your layout.

    Remember that for absolute positioning to work, the container of the element being positioned absolutely must have a position: relative;

    You may also need to use media width rules to position differently for the different size breaks.

    CSS:

    .phone {
position: absolute;
top: 30px;
right: 10px;
}

    HTML
    <div class="phone">Call <a href="01484 485395">01484 485395</a></div>

    Thread Starter xecutionpaul

    (@xecutionpaul)

    Thanks Matt for this, all makes sense and think your right because it is going on every page.

    I’m fairly new to wordpress so forgive me as I’m still learning.

    Do i need to put the css code in the style.css file and place the html in the header.php file just above the navigation lines?

    Regards

    Paul

    Matt Knowles

    (@aestheticdesign)

    Yes, that is correct.

    Thread Starter xecutionpaul

    (@xecutionpaul)

    Brilliant, thank you for all your help.

    Paul

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Fix the position of type’ is closed to new replies.