Viewing 23 posts - 1 through 23 (of 23 total)
  • Author
    Posts
  • #297608

    Hi

    I’m having a few issues with the header in this new site:

    1. I’m trying to move the main menu down so that it sites just above the line like http://theimplantcentre.com/. I’ve tried using the code you provided before but just can’t get it to work.

    2. I’ve added an image to header but for some reason its been enlarged and its repeating. I want to position it in the top right of the screen and make it link to http://dentists.theimplantexperts.com/

    3. For some reason there’s a lot of dead space above the text ‘Implants are the most significant advance…’ I’m after the same above and below.

    Once again many thanks for your help.

    Rupert

    #298320

    Please can someone respond to this ticket when you get a moment. Many thanks

    #298330

    Hey Rupert!

    Please add following code to Quick CSS

    span.avia-menu-text { position: relative; top: 30px; }
    nav.main_menu { background-size: inherit; background-repeat: no-repeat; }

    Whitespace is there because you have following custom CSS code

    .html_header_transparency #top .avia-builder-el-0 .container {
    padding-top: 190px;
    }

    changing it to

    .html_header_transparency #top .avia-builder-el-0 .container {
    padding-top: 0;
    }

    would help. Also, if you would like to link the image, it would be better if you add it manually to helper-main-menu.php file using HTML. Please refer to my post here – https://kriesi.at/support/topic/header-logo/#post-280126
    Best regards,
    Yigit

    #298372

    Many thanks Yigit

    That’s resolved the position on the main menu but for some reason the search button isn’t in line
    http://theimplantexperts.com/wp-content/uploads/2014/07/Screen-Shot-2014-07-31-at-17.29.15.png

    Plus there’s no text in the drop down menus and when you hover over the image I’ve uploaded it brings the dropdown menu below down. When you scroll down the page the main menu comes off its white panel and and ‘dentists site’ button moves to the left before disappearing.

    The 190px you referenced is me setting the top menu depth which I need to get the logo big enough.

    I haven’t tried to add the link to the image yet.

    #298395

    Hi!

    Please change the first code to following one

    .av-main-nav > li > a span.avia-menu-text, li#menu-item-search a { position: relative; top: 30px; }

    Is your logo fine now? If not, you can change the header height in Enfold theme options > Header Layout > Header Size and set custom value to 300px.
    If your logo is fine, you can use the code i suggested above

    Best regards,
    Yigit

    #299659

    My logo is fine, the sub menus drop down ok but…

    I’d like the main menu headings lower down the header panel. I’ve changed it to 70px (which is where I’d like them) but I’ve lost the red line denoting which page you’re on and the whole menu drops off the bottom of the header when you scroll down the page.

    Also when you scroll down the page the ‘Dentists site’ image moves to the left before it disappears, I’d prefer it to not move to the left as it looks odd.

    Plus I’ve still got a lot of dead space above the first set of text ‘Implants are the most significant advance…’ I’m after the same above and below.

    Many thanks
    Rupert

    #300292

    Hey!

    Please refer to my post here – https://kriesi.at/support/topic/adding-phone-number-text-and-button-to-main-header/#post-292252 and add your image to header manually. You should use IMG tag inside the DIV – http://www.w3schools.com/tags/tag_img.asp

    Unfortunately there is no “smoother” way that i know to move the main menu links lower on shrinking header. With the values i have posted earlier, menu was on the the header when scrolled down. You can try playing with the values

    Regards,
    Yigit

    #300548

    Sorry Yigit this is pushing my abilities!

    This is the IMG tag I’ve created:
    Dentist site link

    But I’m not sure how to add it to
    add_action(‘ava_after_main_menu’,’logo_text’);
    function logo_text() {
    echo “<div class=’logo-text’>This is my custom text!</div>”;
    }

    Please can you give me some guidance
    Thanks
    Rupert

    #300550
    #300590

    Hey!

    Please copy&paste this code – http://pastebin.com/LhNqLg7H
    It will add a linked image but CSS customization may be needed. Feel free to reply to this topic and we will gladly provide you the code as well

    Regards,
    Yigit

    #300606

    Thanks Yigit

    I’ve added the code you provided to the functions.php editor, is this correct?

    I’ve also added the following to the quick CSS:
    custom_header_image {
    position: relative;
    top: -120px;
    left: 80%;
    }

    It still doesn’t look or function right! I’m not sure I’m getting anywhere, sorry!

    #300608

    Hi!

    Please remove following code from Quick CSS

    nav.main_menu {
    background-image: url(https://theimplantexperts.com/wp-content/uploads/2014/07/DentistsHeader2.png);
    background-size: contain;
    }

    and add following code to Quick CSS

    .custom-header-image { float: right; height: 150px;  }
    #header_main { border: none !important; }

    and seems like you did not change the following code

    span.avia-menu-text { position: relative; top: 70px; }

    to following one

    .av-main-nav > li > a span.avia-menu-text, li#menu-item-search a { position: relative; top: 70px; }

    please do so.

    Best regards,
    Yigit

    #300627

    Once again many thanks, we seem to be making progress!

    It’s still doing something funny when you scroll down the page; menu dropping off the panel and then appearing on it at the end, plus the red underline doing funny things.

    Very happy with the ‘dentist site’ image being fixed i.e. it not moving.

    I still have an issue with the dead space above the first set of text ‘Implants are the most significant advance…’ I’m after the same above and below.

    #300978

    Sorry to hassle but I’m presenting the draft homepage to my client tomorrow and really need to get this sorted asap. Please can someone get back to me.

    Many thanks
    Rupert

    #301058

    Hey Rupert!

    Please add following code to Quick CSS

    .html_header_transparency #top .avia-builder-el-0 .container {
    padding-top: 0!important;
    }
    .header-scrolled .av-main-nav ul { top: 160%; }
    .header-scrolled .avia-menu-fx { bottom: -55px; }

    This will remove the white space and fix dropdown menus when scrolled down. Currently, unfortunately there is no easy way of moving menu items below and keep header shrinking.

    Best regards,
    Yigit

    #301091

    Thanks Yigit

    I’ve added the code and it now looks right before you scroll apart from the red underline not showing. Are you saying you can’t prevent the menu dropping off the header panel and then reappearing on it? If so is this caused by the ‘dentist site’ image? This basically isn’t workable and I therefore need to either find a solution or a workaround. Any ideas?

    #301100

    Hi!

    Please add following code to Quick CSS as well

    #top .av_header_transparency .avia-menu-fx {
    opacity: 1;
    filter: alpha(opacity=1);
    }
    .custom-header-image {
    height: 90px;
    }
    .av-main-nav > li > a span.avia-menu-text, li#menu-item-search a {
    top: 38px;
    }

    If you would like to use shrinking header, this is what we can provide at the moment. You can disable shrinking feature or hire a freelance developer to achieve the effect you are looking for.

    Cheers!
    Yigit

    #301225

    Once again thank you for your help.

    I’ve decided to not use the shrinking header as it’s clearly causing too many problems! I have been playing around with removing snippets of code to try and get it to work properly but haven’t succeeded. Would you mind taking a look at it?

    The issues are:
    – There’s no red underline under Home when you land on the page
    – The bottom of the header panel isn’t fixed it scrolls up and then corrects itself
    – You can’t click the ‘dentist site’ button to take you to dentists.theimplantexperts.com, it seems to select the corresponding menu below.
    – When shrinking the screen down to mobile size the white header panel disappears and the logo and dentists site button sit on the grey bg.

    I think that’s it, many thanks

    #301269

    Hi!

    Please add following code to Quick CSS
    1-

    #top .av_header_transparency .avia-menu-fx {
    opacity: 1;
    filter: alpha(opacity=1);
    }

    2&4- Please edit your page and choose “no transparency” in Activate Header Transparency – http://i.imgur.com/0FnUmr3.png
    3-

    .custom-header-image {
    z-index: 9999!important;
    position: relative;
    height: 80px;
    }

    After that, please edit your image and remove bottom whitespace from it

    Best regards,
    Yigit

    #301333

    Many thanks Yigit, we’re just about there.

    Is it possible to make the ‘Dentists site’ image flush with the top of the screen and when clicked it doesn’t open a new window but just links to the chosen page in the same window?

    Cheers
    Rupert

    #301619

    Hey Rupert!

    Please add following code to Quick CSS as well

    .custom-header-image {
    margin-top: -3px;
    }

    and please remove target='_blank' from the code i posted here – https://kriesi.at/support/topic/header-issues-6/#post-300590

    Regards,
    Yigit

    #336386

    I’m not sure what’s happened but the Dentists Site device I had in the top right of the screen is no longer there http://theimplantexperts.com/wp-content/uploads/2014/07/Screen-Shot-2014-07-31-at-17.29.15.png

    When clicked it should link through to dentists.theimplantexperts.com

    Sorry but can you help?

    #336735

    P.S. I also want to have http://dentists.theimplantexperts.com/wp-content/uploads/sites/2/2014/10/PatientsHeader1.png on the dentist’s site http://dentists.theimplantexperts.com which links back to the patient site http://theimplantexperts.com.

    I’ve got a meeting with my client tomorrow morning so if someone could kindly take a look at this asap it would be much appreciated.

    Regards
    Rupert

    I’ll need to provide you with the login details if you can give me a private panel to send them over.

Viewing 23 posts - 1 through 23 (of 23 total)
  • The topic ‘Header issues’ is closed to new replies.