Clickable Header and Changing Header Menu

  • Resolved berkdemir

    (@berkdemir)


    9 years, 2 months ago

    Hello,

    I have two problems, I would be really glad if you can help.

    Site is: https://www.kilci.com.tr
    1) As You can see my header menu is not fitting. I have done everything I can do, it can fit, but it does not bother itself to fit. I have tried to change width and stuff but no chance. In header file, this is the code for that.

    <div class="headermenu2">

    <div id="menu">

      <ul>
       <li><a href="<?php echo get_permalink( 17 ); ?>" title="FAAL?YET" <?php if (is_page(17)){ ?>class="current"<?php }?>>HAKKIMIZDA</a></li>
       <li><a href="<?php echo get_permalink( 83 ); ?>" title="UYGULAMALAR" <?php if (is_page(83)){ ?>class="current"<?php }?>>GEOTEKN?K UYGULAMA</a></li>
       <li><a href="<?php echo get_permalink( 25 ); ?>" title="REFERANSLAR" <?php if (is_page(25)){ ?>class="current"<?php }?>>ZEM?N ARA?TIRMA VE TASARIM</a></li>
     </ul>
      </div>

    And in the stylesheet file:
    .headermenu2{ width:500px; height:35px; float:left; padding: 6px 0 0 230px;}

    How can I make it fit?

    My second question is simpler, how can I make my header logo clickable to homepage?

    In my header file, I have only <div id=”header”>, so there is nothing I can add a href code.

    In the stylesheet file, it is like that:
    #header{background:url(img/headerBG.png) no-repeat; width:850px; height:150px; float:left; margin-left:15px; }

Viewing 6 replies - 1 through 6 (of 6 total)

  • Quick and dirty solutions:

    Answer 1:

    .headermenu2 {
    width: 625px;
    height: 35px;
    float: right;
    padding-top: 6px;
    }

    #menu {
    position: relative;
    width: 100%;
    display: block;
    height: 37px;
    font-size: 15px;
    float: right;
    font-weight: 400;
    font-family: ‘Open Sans’, sans-serif;
    }

    Answer 2: Change your web developer

    Thread Starter berkdemir

    (@berkdemir)

    It didn’t work. You can check out.

    Thread Starter berkdemir

    (@berkdemir)

    YES IT WORKED. I HAD TO PUT THE MENU CODE, TO SOME PLACE BELOW.

    C W (VYSO)

    (@cyril-washbrook)

    Question 1

    (1) Under .headermenu2, delete width: 500px.

    (2) Under .headermenu2, change padding: 6px 0 0 230px to padding: 6px 0 0 170px.

    (3) Under #menu, delete width: 560px.

    Also, you are currently linking to your stylesheet (style.css) three times. That’s unnecessary.

    Question 2

    Your second question is actually more complicated. Your header is poorly structured. You should restructure it, so that your logo isn’t the background to your entire header section.

    Thread Starter berkdemir

    (@berkdemir)

    Okay,

    Then If I want to put a homepage button to categories given above, what should I do the permalink which is 83 below?

    <li><a>" title="ANASAYFA" <?php if (is_page(83)){ ?>class="current"<?php }?>>ANASAYFA</a></li>

    Thread Starter berkdemir

    (@berkdemir)

    I did it. Thank you guys.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Clickable Header and Changing Header Menu’ is closed to new replies.

Tags