Navigation bar is pushed to the next line

Discussion in 'HTML & Website Design' started by DonMcCoy, Aug 16, 2016.

  1. #1
    Hello Guys,



    I have a problem with Rex template from markup.io, i'm trying to edit this template and so far so good except problem in navigation bar,


    I have changed the default logo to our logo but our logo is far bigger than the default logo which resulted in pushing the navigation bar to the next line.





    this picture is the Original Rex template which you see that the logo and the navbar with search button are all inline.

    original Rex.jpg

    and here the modification of the logo which resulted in pushing the navbar and the search button to the next line.

    nav push problem.jpg


    I have tried to enlarge the main Container which contains the logo, the navbar and the search button but to no avail, i've also tried to modify the float for logo and for navbar.




    here are the main codes:


    Index.html: [HTML 5] Index.html - Pastebin.com



    bootstrap.css: [CSS] bootstrap.css - Pastebin.com



    style.css: [CSS] style.css - Pastebin.com




    I really appreciate any idea or help.

    thanks a lot
     
    DonMcCoy, Aug 16, 2016 IP
  2. deathshadow

    deathshadow Acclaimed Member

    Messages:
    9,732
    Likes Received:
    1,999
    Best Answers:
    253
    Trophy Points:
    515
    #2
    Whilst you don't have enough posts/likes to be posting links here as yet, the problem is simple. With the rubbish off the shelf template crap and your larger logo, there isn't enough room for the menu to still fit within whatever width or max-width the template is using. You either need to shrink the logo, reduce the number of menu items, or increase that maximum width.

    Assuming said rubbish template isn't fixed width asshattery or intentionally designed to be broken thanks to the ineptitude common to most every off the shelf template!

    Which after looking up said theme, yup... ineptly developed nube predating scam artist hoodoo voodoo clearly written by people who have ZERO business designing or developing websites for others.
     
    deathshadow, Aug 18, 2016 IP
  3. moneytalksback

    moneytalksback Peon

    Messages:
    8
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    1
    #3
    Hi Don,

    Try reducing the padding between menu items and let us know if that fixes the issue.
     
    moneytalksback, Aug 24, 2016 IP