How to make Logo, Menu and contact info on 1 line

  • Hi, the website is: test.hoppt.com.au tesseract theme

    i am trying to make my logo, menu and contact info all in one line but I am not sure how to code my CSS to make it into one line. Can someone please give me some pointers? thanks~!

    • This topic was modified 7 years, 10 months ago by Jan Dembowski.
Viewing 6 replies - 1 through 6 (of 6 total)
  • Vasant R

    (@vasant-rajput)

    Use of css propertied float and position.Like this,

    float: left;
position: absolute;

    Thread Starter hopptaustralia

    (@hopptaustralia)

    div#masthead, div#site-banner-left, nav#ubermenu-main-2-primary-2{float: left;
	position: absolute;}

    this is the coding i put in but it ended up looking with the heading shrinking into a thin strip on top

    have i put something wrong here?

    Thread Starter hopptaustralia

    (@hopptaustralia)

    i had managed to put in this coding

    div#site-banner-left{float: left;
	position: relative;}

div#header-banner-right{float: right;
	position: relative;}

    but this shrink the menu into the same line with the contact info… how can I put in the menu +logo into 1 line?

    Thread Starter hopptaustralia

    (@hopptaustralia)

    does anyone have any ideas? I have been stuck on this since yesterday..

    #logo_menu_and_contact_container{
    width: 70%;
    margin: auto;
    }

    Vasant R

    (@vasant-rajput)

    #logo_menu_{
width: 60%;
float: left;
margin: 0;
padding:0;
} 

#contact_container{
width: 40%;
float: left;
margin: auto;
padding:0;
}

    Try this…

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘How to make Logo, Menu and contact info on 1 line’ is closed to new replies.