Viewing 21 posts - 1 through 21 (of 21 total)
  • Author
    Posts
  • March 1, 2016 at 9:09 pm #591771
    ccfc1965

    Hi

    I know there have been a few threads on this in the past. I have read through them and tried a few things but can’t seem to get it working. Would it be possible for an admin to login and have a quick look for me? At the moment I have the image set just as an image below the menu but I want it in the logo area withe the menu below.

    Any help would be greatly appreciated.

    March 1, 2016 at 9:17 pm #591775
    Basilis

    Hey ccfc1965!

    I have loaded your web site and I can see the menu below the logo.
    Sorry if I do not understand correct, but if that is not the case, what is it?

    Regards,
    Basilis

    March 1, 2016 at 9:31 pm #591783
    ccfc1965

    I currently have the Enfold default logo in the logo area. The banner is below in the main site, just as an image. I want to replace the Enfold logo with that image and have it as my logo.

    March 2, 2016 at 6:26 pm #592254
    Yigit

    Hey!

    I set header height to 170px and added following code to Quick CSS 

    .html_header_top.html_logo_center .logo {
    left: 0;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

    Please review your website now

    Cheers!
    Yigit

    March 2, 2016 at 7:21 pm #592269
    ccfc1965

    Yigit

    That’s brilliant, thanks so much. A couple of things though. Is is possible to bring the banner down half a centimetre or so? It just looks to near the top of the page now and not “centred”. Can we remove the line below it also? Also the menu is a bit messed up. When I highlight a menu item the line goes through the menu item. Ideally I would like it again about half a centimetre below the image and the highlight bit to go under the word. I think I may have a bit of superfluous CSS in there so feel free to remove anything that isn’t necessary :)

    Thanks so much for your help.

    Regards
    Rob

    March 3, 2016 at 8:14 am #592477
    Rikard

    Hi Rob,

    Please try adding the following as well:

    #header_main .container {
    height: 185px !important;
    line-height: 185px !important;
    padding-top: 10px !important;
}

    Regards,
    Rikard

    March 3, 2016 at 1:41 pm #592606
    ccfc1965

    That worked great, thank you. Small problem though, when I scroll down the header goes small and to the left and it doesn’t render properly at all in firefox, it is off to the right.

    Any ideas?

    March 3, 2016 at 1:43 pm #592608
    ccfc1965

    Actually i’ve fixed the scrolling issue by just unsticking the header. I still have the problem with it not looking right in Firefox though.

    Also, still have the menu problem, anyone any idea how to fix that?

    March 3, 2016 at 1:54 pm #592609
    ccfc1965

    I seem to have sorted the menu problem as well I just now have the rendering issue in firefox and the line under the logo. Also for some reason I now have a gap with another line before my content.

    Help!

    March 3, 2016 at 3:55 pm #592674
    Yigit

    Hey!

    Please add following code to Quick CSS

     #header_main_alternate {
    border: none!important;
}
.avia-mozilla .logo img {
    width: 100%;
}

    Best regards,
    Yigit

    March 3, 2016 at 4:38 pm #592696
    ccfc1965

    Many thanks once again, that fixed the banner issue. However I still have the extra space and another line below it, above my content, any idea how to get rid of this?

    Also I need my menu slightly higher up.

    Really appreciating the help.

    March 3, 2016 at 4:42 pm #592701
    Yigit

    Hey!

    Can you please post a screenshot showing the changes you would like to make? That way we can provide you more accurate custom CSS code :)
    You can upload your screenshots on imgur.com or Dropbox public folder and post the links here

    Regards,
    Yigit

    March 3, 2016 at 4:45 pm #592703
    ccfc1965

    Yigit

    If you look at the site there is a big gap underneath the menu with a solid line. I just want that removing so the content is where it usually is, just below the menu.

    Also just need to know how to move the menu items a little further up, closer to the banner/logo. Say just a couple of cm or so below. That’s all I need.

    Thanks again.

    March 3, 2016 at 5:26 pm #592726
    Yigit

    Hey!

    You have following code in Quick CSS 

    #header_main .container {
    height: 185px !important;
    line-height: 185px !important;
    padding-top: 25px !important;
}

    Please change it to 

    #header_main > .container {
    height: 185px !important;
    line-height: 185px !important;
    padding-top: 25px !important;
}
#header_main {
    border: none;
}

    Cheers!
    Yigit

    March 3, 2016 at 5:59 pm #592746
    ccfc1965

    Yigit

    Many thanks, getting there. The gap has disappeared below the menu but the logo/banner has gone back right to the top of the page. I thought this was the part that brought it down? padding-top: 25px !important;

    Also how do I get the menu to move up closer to the banner?

    March 4, 2016 at 6:51 pm #593456
    ccfc1965

    Sorry to be a pain guys but i’m quite eager to get this sorted as i’m looking to have the site live next week…any help would be really appreciated. Most seems to be sorted now the banner is still at the top though. Seems every fix we make causes another issue :-/

    March 4, 2016 at 7:11 pm #593464
    Yigit

    Hey!

    I changed header height to 180px and then added following code to Quick CSS 

     .logo {
    top: 10px;
}

    Please review your website now

    Regards,
    Yigit

    March 4, 2016 at 11:14 pm #593578
    ccfc1965

    Thank you, that’s the banner sorted. I’m still trying to get the menu further up, closer to the banner. Say 1-2 cm below…is this possible?

    March 7, 2016 at 2:25 pm #594311
    Vinay

    Hey!

    To move the menu away from the logo please add the below CSS in Quick CSS adjust value 10 to suit your design.

    .html_header_top.html_bottom_nav_header .main_menu {
    margin-top: 10vh!important;
}

    Best regards,
    Vinay Kashyap

    March 9, 2016 at 12:16 pm #595506
    ccfc1965

    Thanks. How do I fix it in place though? When I make the browser window wider or thinner the menu moves up and down.

    March 14, 2016 at 10:20 am #597637
    Ismael

    Hi!

    Set the height of the header container base on the height of the logo image.

    .logo, .logo a, .logo a img {
    width: 100%;
}

#top #header_main > .container {
    height: 110px;
    line-height: 110px;
}

#header_main_alternate {
    margin-top: 20px;
}

    Cheers!
    Ismael

  • Author
    Posts
Viewing 21 posts - 1 through 21 (of 21 total)
  • You must be logged in to reply to this topic.