-
AuthorPosts
-
February 14, 2014 at 11:34 am #223881
I’ve recently purchase the enfold theme again and I’m just starting to develop this site http://www.test.theimplantcentre.com/. (login password to follow)
In an effort to enlarge the logo I’ve added in some code you supplied for the previous site but it’s not quite right. I few things I’m looking to sort out and would really appreciate your help:
– Double the size of the font in the top header (Patient site & Dentist site)
– Move the main menu (Home, Why Choose Us etc.) down so that it sits 1/4 of the way up from the bottom of its white panel
– Drop the page name and breadcrumbs down so they sit neatly below the header panel.
– Tighten up the leading in the dropdown menus (e.g. Why Choose Us) to the default.
– Make the column headings under ‘Treatments’ and ‘Care & Costs’ NOT clickable (like the http://kriesi.at/themes/enfold/) and the dark blue #0e2f61I think that’s it for the moment.
Many thanks
RupertFebruary 14, 2014 at 11:35 am #223883This reply has been marked as private.February 14, 2014 at 4:02 pm #224031Hi!
Please add following code to Quick CSS as well
.sub_menu { font-size: 16px; } /* changes the font size of sub menu */ .fixed_header.social_header #main { padding-top: 174px; } #header_main .container, #avia-menu a { line-height: 190px !important; }
Copy category URL and go to Appearance > Menus and add it as a new link with # for URL so they will not be clickable http://i.imgur.com/9I3QF9j.jpg
Not sure if i understood "Tighten up the leading in the dropdown menus (e.g. Why Choose Us) to the default." clearly. Please elaborate.Regards,
YigitFebruary 14, 2014 at 4:24 pm #224041Many thanks Yigit.
When adding to code to make the header deeper the dropdown menus have stretched, see http://www.test.theimplantcentre.com/wp-content/uploads/2014/02/Screen-Shot-2014-02-14-at-14.05.52.png
Thanks
RupertFebruary 14, 2014 at 4:38 pm #224046Hi!
Please replace that line of code with following one
.main_menu ul:first-child > li > a { line-height: 190px !important; }
Cheers!
YigitFebruary 14, 2014 at 4:59 pm #224057Sorry which line do I replace the code with?
February 14, 2014 at 5:01 pm #224058Hey!
Please change following line
#header_main .container, #avia-menu a { line-height: 190px !important; }
with
.main_menu ul:first-child > li > a { line-height: 190px !important; }
Best regards,
YigitFebruary 14, 2014 at 5:09 pm #224062I’ve done it but it doesn’t seem to have made any difference. This is all the code I have in…
#header_main .container, #avia-menu a {
height: 143px !important;
line-height: 143px !important;-webkit-transition: all linear 0.2s;
-moz-transiton: all linear 0.2s;
transition: all linear 0.2s;
}
.header-scrolled #header_main .container, .header-scrolled #avia-menu a {
height: 80px !important;
line-height: 80px !important;
}
#header_main img, #header_main .logo, #header_main .logo a{
width: 252px !important;
height: auto !important;
max-height: none !important;
max-width: none !important;-webkit-transition: all linear 0.2s;
-moz-transiton: all linear 0.2s;
transition: all linear 0.2s;
}
.header-scrolled #header_main img, .header-scrolled #header_main .logo, .header-scrolled #header_main .logo a{
width: 126px !important;
height: auto !important;
}
.sub_menu { font-size: 16px; } /* changes the font size of sub menu */
.fixed_header.social_header #main { padding-top: 174px; }
.main_menu ul:first-child > li > a { line-height: 190px !important; }February 14, 2014 at 5:27 pm #224067Hi!
Please change
#header_main .container, #avia-menu a { height: 143px !important; line-height: 143px !important; -webkit-transition: all linear 0.2s; -moz-transiton: all linear 0.2s; transition: all linear 0.2s; }
with
#header_main .container, .main_menu ul:first-child > li > a { height: 143px !important; line-height: 190px !important; -webkit-transition: all linear 0.2s; -moz-transiton: all linear 0.2s; transition: all linear 0.2s; }
Cheers!
YigitFebruary 14, 2014 at 5:45 pm #224081Thanks Yigit, is it possible to change the colour of the non-clicking column header text in the dropdown to the dark blue #0e2f61?
February 14, 2014 at 7:31 pm #224122Sorry Yigit, there’s still a problem viewing the sub menu when you scrolled down the page:
http://www.test.theimplantcentre.com/wp-content/uploads/2014/02/Screen-Shot-2014-02-14-at-17.14.27.pngFebruary 14, 2014 at 9:49 pm #224175Hi!
Please try flushing browser cache and refresh your page a few times. It does look fine on my end http://i.imgur.com/7g5akrL.jpg
Please add following code to Quick CSS as well#header .mega_menu_title { #0e2f61; }
Best regards,
YigitFebruary 17, 2014 at 3:03 pm #224965Hi Yigit, I’ve cleared my cache, refreshed by browser and also tried it in 3 different web browsers; Chrome, Safari & Firefox and I’m seeing the same thing with all http://www.test.theimplantcentre.com/wp-content/uploads/2014/02/Screen-Shot-2014-02-17-at-12.30.21.png
Is it a Mac thing?
Rupert
February 17, 2014 at 9:18 pm #225093Hey!
Please try to open your website in incognito mode in Chrome ( CTRL + Shift + N for Windows and should be CMD + Shift + N for Mac ) and check. I once again checked and it is still working fine. I believe that it is a caching issue.
Cheers!
YigitFebruary 17, 2014 at 9:43 pm #225099Still not right I’m afraid…
http://www.test.theimplantcentre.com/wp-content/uploads/2014/02/Screen-Shot-2014-02-17-at-19.40.58.pngFebruary 18, 2014 at 12:18 am #225211Hi!
I have tagged Josue so he can check your website on his Mac. It still looks good on my end on all browsers http://i.imgur.com/oFgTNIK.jpg
Let us wait for Josue’s answerCheers!
YigitFebruary 18, 2014 at 12:23 am #225217Hi Yigit, I don’t think I’ve made myself clear. They work fine on mine when I haven’t scrolled down the page. It only goes wrong when you scroll down a page and then go to the menu. Try http://www.test.theimplantcentre.com/?portfolio=team-guy-barwell
February 18, 2014 at 12:30 am #225224Hi!
Yes, now i got it :) Do you mind creating a temporary admin login and posting it here privately so i can take a look?
Cheers!
YigitFebruary 18, 2014 at 12:35 am #225228This reply has been marked as private.February 18, 2014 at 12:54 am #225238Hey!
Changes are done. Please review your website now. You can find the custom CSS code i added on the top of Quick CSS section
Best regards,
YigitFebruary 18, 2014 at 6:48 pm #225657That seems to have sorted it many thanks for your help.
-
AuthorPosts
- The topic ‘Header adjustments’ is closed to new replies.