Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • July 6, 2017 at 1:19 pm #817225
    vaneysofi

    Please, could anyone help us to modify the header of our Enfold?
    We have choosen logo left and menu below and we would like to writte a text in the right of the logo area.

    Thanks in advance. Regards

    July 6, 2017 at 1:30 pm #817236
    Yigit

    Hey vaneysofi!

    Please refer to this post – http://kriesi.at/documentation/enfold/add-subtext-to-logo-replace-logo-with-site-title/

    Best regards,
    Yigit

    July 6, 2017 at 1:39 pm #817241
    vaneysofi

    Thanks for your help Yigit
    I would like to put it on the right side of the head.
    Sorry… In functions.php, where I must paste this code? (At the end….?)

    add_filter(‘avf_logo_subtext’, ‘kriesi_logo_addition’);
    function kriesi_logo_addition($sub) {
    $sub .= “Teléfono 66666666”;
    return $sub;
    }

    Thanks!

    July 6, 2017 at 1:41 pm #817243
    Yigit

    Hi,

    Yes, you can place the code in the bottom of functions.php file in Appearance > Editor. Then you might need custom CSS code to display it next to your logo. If that will be the case, please let us know :)

    Best regards,
    Yigit

    July 6, 2017 at 1:47 pm #817249
    vaneysofi

    Thanks, I got it, but in the botton of the logo.
    Yes, I need display it next to the logo, in the right side.
    How can I do it?
    Thanks!!

    July 6, 2017 at 1:51 pm #817251
    Yigit

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

    .logo .subtext {
    position: absolute;
    top: 20px;
}
.logo {
    width: 100%;
}
.logo img {
    float: left;
}

    Best regards,
    Yigit

    July 6, 2017 at 1:56 pm #817255
    vaneysofi

    thanks, I got it.
    I would like to move it to the right of the header (not just next to the logo).
    Please see the below link as example of the header that I need.

    Inicio

    Thanks

    July 6, 2017 at 2:01 pm #817259
    Yigit

    Hi,

    In that case, adding a widget area to your header and placing your content inside it would be better :)
    Please refer to this post instead – http://kriesi.at/documentation/enfold/adding-a-widget-area-to-the-header/

    Best regards,
    Yigit

    July 7, 2017 at 7:16 pm #817976
    vaneysofi

    Hello,
    Finally we have added a widget area in our header according your help.
    We have a new problem. it’s ok, but when we see the webpage in other device, like a phone, we can’t see it.
    How we can adapt it?
    Here is our current webpage: http://www.saneamientosmartinez.com/
    you can see the problem when you reduce the window size.
    Thanks in advance.

    July 10, 2017 at 2:15 pm #818738
    Victoria

    Hi vaneysofi,

    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

    

@media only screen and (min-width: 768px) and (max-width: 1024px){
  #header .widget {
    left: 555px;
    font-size: 13px;
    line-height: 18px;
    width: 30%;
    padding-top: 20px !important;

 }
 #header .widget img{ width: 8%;}
}

@media only screen and (max-width: 767px) {
    #header .widget {
    left: 70% !important;
    font-size: 13px;
    line-height: 18px;
    width: 30%;
     padding-top: 20px !important;

 }
  #header .widget img{ width: 8%; }
  .responsive .logo img {
    width: 60%;
  }
}

@media only screen and (max-width: 450px) {
    #header .widget {
    left: 65% !important;
    font-size: 11px !important;
    line-height: 13px !important;
     padding-top: 20px !important;

 }
}

    If you need further assistance please let us know.
    Best regards,
    Victoria

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