Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • December 30, 2014 at 6:08 am #372975
    millertimesites

    I have been trying to customize the header and top bar to look like this Enfold website I found, http://konkapot.com, but am struggling.
    I imported the default demo to see if it would help and it has not. My temp website can be found here http://62d.14e.myftpupload.com/
    In short I can find way to customize the size of the Top Bar font, add a button or widget to the Top Bar, or change the size of the social icons in the Top Bar.

    Am I just missing some thing in the general settings?
    Thanks
    Jon

    December 30, 2014 at 1:24 pm #373070
    Yigit

    Hey Jon!

    Please go to Enfold theme options > Header > Extra elements and choose to display Social icons and “Header Phone Number/Extra Info” on the top bar on the right side.

    Cheers!
    Yigit

    December 30, 2014 at 9:22 pm #373296
    millertimesites

    Thanks, I was able to add html into the value to make the text larger and change the color.
    <h3>715-379-4491 </h3>
    test pages can be found here http://62d.14e.myftpupload.com/

    Is it possible to add a widget to the header or top bar? I saw this website has a button centered on the middle of their top bar, http://konkapot.com.

    Would also like to be able to make my social icons larger like theirs and change the default color of them.
    Thanks

    December 31, 2014 at 1:09 am #373380
    Ismael

    Hi!

    Yes, it is possible to add widgets on the top bar but it will require modification on the theme. Add the button using html codes on the phone info fields then use this to enlarge the social icons:

    #top .social_bookmarks li a {
width: 50px;
line-height: 50px;
min-height: 50px;
font-size: 25px;
}

#top .social_bookmarks li {
width: 50px;
}

    Cheers!
    Ismael

    April 10, 2018 at 8:29 pm #940004
    Diezel23

    I have kinda the same issue, however adjusting the min-height and font-size does work if i use unstick feature for the topbar. a part of the topbar then sticks out. any suggestions on what to do if I use the unstick top header feature?

    Regards Gavin

    April 11, 2018 at 10:31 am #940370
    Rikard

    Hi Diezel23,

    Could you post a link to the site in question so that we can take a closer look please?

    Best regards,
    Rikard

    April 13, 2018 at 5:03 pm #941598
    Diezel23

    @richard please see link

    April 15, 2018 at 9:11 pm #942289
    Basilis

    Hi,

    I loaded the site and it seems fine – have you fixed it?

    Best regards,
    Basilis

    April 16, 2018 at 2:09 pm #942572
    Diezel23

    there is nothing wrong with my site, the question is i need to make the top bar larger with a larger font size but because it is “unstick” you cannot simply change the min-height and font size as this will create a green border sticking out when you scroll.

    April 17, 2018 at 1:46 am #942855
    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:

    #top #header_meta * {
    font-size: 14px;
}
.av_header_transparency #header_meta .container {
    min-height: 40px;
    padding-top: 5px!important;
}

    Best regards,
    Yigit

    April 17, 2018 at 4:32 pm #943156
    Diezel23

    Thanx Yigit!!!! Prefect :)

    April 18, 2018 at 7:23 am #943455
    Rikard

    Hi,

    Glad we could help :-)

    Please let us know if you should need any further help on the topic.

    Best regards,
    Rikard

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