Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • August 31, 2016 at 3:46 pm #680040
    Arrastia

    Hi. Great theme. I’m using it for many of my sites.

    In theme settings/header, I have the logo set to “Logo Left, Menu Below, and Slim.”

    I would like to add some text to the right of the logo, in the white section below the additional contact info in the top right of the header and above the nav menu section. Is this possible? If so, how do I accomplish this?

    Thanks.

    August 31, 2016 at 3:49 pm #680045
    Yigit

    Hey Arrastia!

    Please refer to this post – http://kriesi.at/documentation/enfold/adding-a-widget-area-to-the-header/ and add a widget area to your header.

    Regards,
    Yigit

    September 7, 2016 at 4:45 pm #683251
    Arrastia

    Hi Yigit. Thanks for your prompt reply. Your instructions worked well for the desktop version. However, when I look at the site on mobile, the text in this new header widget is superimposed over the logo, so the text is not legible and the logo is obscured, at least in part. Is there a way to make it appear under the logo in mobile view? (iphone 6, 6s, Kindle Fire, and iPad mini).

    Thank you!

    September 9, 2016 at 2:18 pm #684178
    Yigit

    Hi,

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    @media only screen and (max-width: 767px) {
#header_main {
    height: 140px;
}
#header .widget {
    width: 100%;
    left: 20px;
    transform: none;
    top: 50px;
}
}

    Best regards,
    Yigit

    September 9, 2016 at 4:53 pm #684259
    Arrastia

    Hi Yigit. I added this code as instructed, but it seems to be having no effect.

    Here, in case it helps, is a copy of all the code I currently have in that Quick CSS area of my Enfold Theme Options/General Styling.

    Thank you!

    /*TEXT SIZE BIGGER AND COLOR DARKER PHONE INFO BAR*/
    .phone-info {font-size: 18px !important;color:#84C570 !important;}

    #header .widget {
    left: 60%;
    padding-top: 55;
    position: absolute;
    top: 0;
    transform: translate(-50%);
    z-index: 999;

    @media only screen and (max-width: 767px) {
    #header_main {
    height: 140px;
    }
    #header .widget {
    width: 100%;
    left: 20px;
    transform: none;
    top: 50px;
    }
    }

    September 9, 2016 at 5:01 pm #684262
    Yigit

    Hi!

    Please change your code to following one 

    .phone-info {font-size: 18px !important;color:#84C570 !important;}

#header .widget {
left: 60%;
padding-top: 55;
position: absolute;
top: 0;
transform: translate(-50%);
z-index: 999;
}
@media only screen and (max-width: 767px) {
#header_main {
height: 140px;
}
#header .widget {
width: 100%;
left: 20px;
transform: none;
top: 50px;
}
}

    Currently there is a missing closing curly bracket in your code.

    Cheers!
    Yigit

    • This reply was modified 8 years, 3 months ago by Yigit.
    September 11, 2016 at 12:05 am #684610
    Arrastia

    Thank you. This corrected the issue.

    September 11, 2016 at 12:29 am #684622
    Vinay

    Hi,

    Glad we could help!
    We really appreciate it if you rate our theme on themeforest .
    To know more about enfold features please check – http://kriesi.at/documentation/enfold/
    Thank you for using Enfold :)

    Best regards,
    Vinay

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Text in logo area?’ is closed to new replies.