Viewing 21 posts - 1 through 21 (of 21 total)
  • Author
    Posts
  • #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 #0e2f61

    I think that’s it for the moment.
    Many thanks
    Rupert

    #223883
    This reply has been marked as private.
    #224031

    Hi!

    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,
    Yigit

    #224041

    Many 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
    Rupert

    #224046

    Hi!

    Please replace that line of code with following one

    .main_menu ul:first-child > li > a { line-height: 190px !important; }

    Cheers!
    Yigit

    #224057

    Sorry which line do I replace the code with?

    #224058

    Hey!

    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,
    Yigit

    #224062

    I’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; }

    #224067

    Hi!

    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!
    Yigit

    #224081

    Thanks Yigit, is it possible to change the colour of the non-clicking column header text in the dropdown to the dark blue #0e2f61?

    #224122

    Sorry 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.png

    #224175

    Hi!

    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,
    Yigit

    #224965

    Hi 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

    #225093

    Hey!

    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!
    Yigit

    #225099
    #225211

    Hi!

    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 answer

    Cheers!
    Yigit

    #225217

    Hi 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

    #225224

    Hi!

    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!
    Yigit

    #225228
    This reply has been marked as private.
    #225238

    Hey!

    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,
    Yigit

    #225657

    That seems to have sorted it many thanks for your help.

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