Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • October 15, 2014 at 4:50 pm #336239
    Effektid

    Hi!

    Is it possible to have an image in the header to the right, apart from the logo at the left? I have tested and it’s far from perfect and it only works in Firefox, not in Chrome. I preciate if I can get some help to solve this problem. Perhaps there are better options than this. It would be nice if the image could be all the way to the right within the header and then perhaps be placed below the logo when it’s in smaller screen. The image I’m talking about is the one with the AAA.

    I also wonder if it’s possible to get a dark color background color in the main menu instead of the red border in the bottom of the selected page?

    I hope I haven’t asked for to much help. Thanks!

    • This topic was modified 10 years, 2 months ago by Effektid.
    October 15, 2014 at 5:16 pm #336252
    Yigit

    Hey Effektid!

    Please add following code to Quick CSS 

    strong.second-logo.logo.bg-logo {
position: relative;
left: 89%;
}

    and remove following one

    #aaa {
margin-left: 86% !important;
}

    Best regards,
    Yigit

    October 16, 2014 at 9:20 am #336641
    Effektid

    Hi! That worked fine! I Also wonder if it’s possible to increase the size of the main logo at the left. When I try this code:

    .logo img {
    height: auto;
    width: 500px;
    }

    it also increase the size of the logo to the right, which I don’t want. Any idea how this could be solved? Thanks!

    October 16, 2014 at 4:19 pm #336856
    Yigit

    Hey!

    Please add following code to Quick CSS as well

    strong.second-logo.logo.bg-logo #aaa {
max-height: 93px!important;
}

    then go to Enfold theme options > Header > Header Size and choose to display custom pixel value and set the height to 127px

    Regards,
    Yigit

    October 16, 2014 at 4:46 pm #336893
    Effektid

    Thanks, but I can only increase the height of the header area, the logo still has the same size! What could be wrong? Preciate some more help if it’s possible to solve this. Our customer is waiting.

    October 16, 2014 at 4:56 pm #336900
    Yigit

    Hey!

    Please review your website now. You had a custom CSS code that was preventing logo to be full size in Quick CSS field, i removed it

    Best regards,
    Yigit

    October 16, 2014 at 5:01 pm #336906
    Effektid

    Very nice! I need some extra white space below the logo (between the logo and the main menu). I added a bottom margin to the .logo img, in the quich CSS, but there was no effect. Where can I adjust this? Really preciate your help!

    October 16, 2014 at 5:10 pm #336914
    Effektid
    This reply has been marked as private.
    October 16, 2014 at 5:12 pm #336919
    Yigit

    Hi!

    Please use following code instead

    .logo img {
padding-bottom: 10px;
}

    Regards,
    Yigit

    October 17, 2014 at 11:36 am #337236
    Effektid
    This reply has been marked as private.
    October 17, 2014 at 1:43 pm #337300
    Yigit

    Hey!

    Please add following code to Quick CSS

    @media only screen and (max-width: 480px) {
.responsive .logo a, .responsive .logo img { max-width: 90%!important; height: auto !important; }}

    and change header height in Enfold theme options > Header tab. It should make logo smaller automatically

    Regards,
    Yigit

    October 17, 2014 at 2:17 pm #337329
    Effektid

    Perfect! Thanks!

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘Image in header and question about menu’ is closed to new replies.