-
Posts
-
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
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,
YigitMany 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.pngPlus 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.
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 aboveBest regards,
YigitMy 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
RupertHey!
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,
YigitSorry Yigit this is pushing my abilities!
This is the IMG tag I’ve created:
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
RupertSorry this is the IMG url:
http://theimplantexperts.com/wp-content/uploads/2014/07/DentistsHeader2.pngHey!
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 wellRegards,
YigitThanks 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!
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,
YigitOnce 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.
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
RupertHey 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,
YigitThanks 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?
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!
YigitOnce 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
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,
YigitMany 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
RupertHey 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-300590Regards,
YigitI’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?
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
RupertI’ll need to provide you with the login details if you can give me a private panel to send them over.
- The topic ‘Header issues’ is closed to new replies.