Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    New to the CF scene
    Join Date
    Apr 2013
    Posts
    8
    Thanks
    0
    Thanked 0 Times in 0 Posts

    logo and navigation bar positions

    Hi,

    Ive been trying very hard to poition this logo relative to the "navigation bar" so that the logo is on the left and the navigation is right next to it and everything "fits", if that makes sense. Tried padding, floating... I cant make it. I edited the CSS file of my child theme so it is like this

    Code:
    @import url("../scrollider/style.css");
    
    #navigation {
    float: left !important;
    font-size: 1em !important;
    }
    It was my try to change things a little. I also experimented changing things to the #logo but no luck, it seemed like maybe the navigation bar space was too narrow and the last element "Contacto" always jumped to the next line. I dont know if that makes sense. I would be very grateful if someoned help me. Maybe you could also tell me a good tutorial to learn how position works, I think I am a little confused.

    Thanks in advance. I do appreciate your help.

  • #2
    New to the CF scene
    Join Date
    Apr 2013
    Posts
    8
    Thanks
    0
    Thanked 0 Times in 0 Posts
    The website is www.biomayeutika.org . I almost forgot.

  • #3
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,861
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Blog Entries
    1
    I observe two set of same elements for the markup in your navigation. Is that for some purpose?

    When I removed all the properties in red (below) using firebug, I got a navigation just how you needed.
    Code:
    .fix:after, .col-full:after {
        clear: both;
    }
    .fix:before, .fix:after, .col-full:before, .col-full:after {
        content: " ";
        display: block;
        height: 0;
        overflow: hidden;
    }
    .fix:before, .fix:after, .col-full:before, .col-full:after {
        content: " ";
        display: block;
        height: 0;
        overflow: hidden;
    }
    #navigation {
        clear: none;
        display: block !important;
        float: right;
        width: 70%;
    }
    #navigation {
        float: left !important;
        font-size: 1em !important;
    }
    #navigation {
        clear: both;
        display: none;
        font-family: "Merriweather",sans-serif;
        font-size: 1.1em;
        margin-bottom: 1em;
        padding: 0;
    }
    Last edited by abduraooft; 04-26-2013 at 12:54 PM.
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •