Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • November 30, 2017 at 5:17 pm #883504
    Loining

    Hello,

    norjob.no is one sub-URL of the website nowguide.no/norjob

    The header is now 60px high and in color #222222
    This is not the best for the logo.
    The NorJob logo is only used at this sub-URL.

    1) Header at norjob.no should be 90px high
    2) Header should be the color #646464
    How can I make this only for norjob.no and not for the rest of the nowguide.no ?

    If you enter nowguide.no it adapts to mobile/smartphone.
    But if you enter norjob.no it does not adapt, not even if you go click HOME that would take you to the same as nowguide.no but now with norjob.no as cloak.
    3) How can I make the norjob.no site-URL show an adapted layout to smartphone?

    December 1, 2017 at 8:06 am #883755
    Ismael

    Hi Loining!

    Thank you for using Enfold.

    The site doesn’t adapt to the browser screen because it’s inside an iframe. Why is that?

    Regards,
    Ismael

    • This reply was modified 7 years ago by Ismael.
    December 1, 2017 at 12:04 pm #883846
    Loining

    So for point 3)…
    iframe
    May that be because true URL is not shown, but the setting is cloak, that gives the function that the domain is shown as URL, or website address?

    Do you have suggestions for:
    1) Header at norjob.no should be 90px high
    2) Header should be the color #646464
    How can I make this only for norjob.no and not for the rest of the nowguide.no ?

    December 5, 2017 at 3:57 pm #885119
    Victoria

    Hi Loining,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
#top .av_minimal_header #header_main .container, 
#top .av_minimal_header .main_menu ul:first-child > li a,
#top av_minimal_header #header_main > .container .main_menu  .av-main-nav > li > a {
    height: 90px !important;
    line-height: 90px !important;
}
#top #header #header_main {
  background-color: #646464;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    December 5, 2017 at 8:02 pm #885212
    Guenni007

    Victorias code must work – accept i would make it specific to that post:

    #top.postid-4665 .av_minimal_header #header_main .container, 
#top.postid-4665 .av_minimal_header .main_menu ul:first-child > li a,
#top.postid-4665 av_minimal_header #header_main > .container .main_menu  .av-main-nav > li > a {
    height: 90px !important;
    line-height: 90px !important;
}
#top.postid-4665 #header #header_main {
  background-color: #646464;
}

    and maybe you do on that page a bit of padding on bottom/top of the logo:

    .postid-4665 div .logo {
    padding: 5px 0;
}
    December 6, 2017 at 10:53 am #885476
    Rikard

    Hi,

    Thanks for helping out @guenni007, did you try that out @Loining?

    Best regards,
    Rikard

    February 2, 2018 at 2:44 pm #906853
    Loining

    Hello,
    It is amazing how good you are!
    I tried that, and http://norjob.no is turning out as desired!

    Thank you so much!!

    Are you agree, the color is not to nice for this site…
    I will look into that.
    Maybe changing the logo color.
    Separate logo code is added at:
    Appearance > Editor > Theme Functions (functions.php)

    Your code now is added at the different place:
    Enfold > General Styling > Quick Css

    Better to collect them, stil the same function?

    February 3, 2018 at 8:08 am #907181
    Rikard

    Hi,

    Thanks for the feedback. I’m not sure what you mean by collecting your code, I’m guessing you want to add them all in the same place? If so then please don’t mix PHP and CSS code. CSS goes into Quick CSS, not your functions.php file.

    Best regards,
    Rikard

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