WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Extend menue ( #access) across entire page (11 posts)

  1. adzay
    Member
    Posted 1 year ago #

    Hi people, how do I extend my access bar across the entire page using CSS without moving the text links already present.

    my webpage is here:
    http://www.linktwitch.com

  2. J
    Member
    Posted 1 year ago #

    Hi Adzay,

    Are you talking about the 3 links at the top of the page, and just extending the box they are in?

  3. J
    Member
    Posted 1 year ago #

    If it is that then I think if you change

    #access ul {
        display: inline-block;
    }

    to

    #access ul {
        display: inline-block;
        width: 100%;
    }

    Should be what your after?

  4. adzay
    Member
    Posted 1 year ago #

    Hi J,

    Im talking about extending the box that they are in, so I want the purple gradient box across the whole screen ( for all screen sizes). I aim to add more pages and more links later on.

  5. adzay
    Member
    Posted 1 year ago #

    Hi J,

    What you posted didn't work for me unfortunately :(

  6. J
    Member
    Posted 1 year ago #

    Ah ok ignore that above then sorry. OK the bar itself is inside the container so you would need to take the Nav outside of the container so it will stretch 100% to the window and not 100% to the container (1218px). All the CSS is correct so once outside the container it should be as you wanted maybe abit of position tweaking but it should do the trick.

  7. adzay
    Member
    Posted 1 year ago #

    Thanks J.. Is it possible for me to take it out of its container ( Branding) but still relate it to it. So that it could still be in the same posistion if I choose "position:relative" .

    Forgive if what I'm saying makes no sense, I only learnt what i know from using Firefox. I'm very open to correction.

  8. J
    Member
    Posted 1 year ago #

    No problem, and yes I dont quite understand what you mean there? However it is getting late here so it maybe me going abit crazy too :)

  9. adzay
    Member
    Posted 1 year ago #

    ignore me. I just edited 'top' and re-positioned it as you said. I have one issue though.

    While the bar has extended, the access bar does not fully touch each end of the browser window. (There seems to be 'padding' there but entering a '0px' value for that does not solve the issue)

  10. adzay
    Member
    Posted 1 year ago #

    Don't worry , I solved it ( I put Left: 0px).

  11. J
    Member
    Posted 1 year ago #

    Ah cool glad you solved it

Topic Closed

This topic has been closed to new replies.

About this Topic