Tagged: 

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • June 22, 2017 at 6:24 pm #811735
    bluebubble

    Hi team,

    Im working on a new site for a client, they have asked if the menu and logo area can be styled as in the image attached and text/phone number added to the logo area aligned right.

    Can this be done?
    https://horizonfuneralplans.co.uk/wp-content/uploads/2017/06/Phone-number-in-logo-area.jpg

    The site is hidden from public view with Verde Coming Soon plugin, I created a temp user account to bypass this.

    Hope you can help.
    Thanks

    Ric

    June 23, 2017 at 3:38 pm #812137
    Victoria

    Hey Ric,

    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

    
.av-main-nav-wrap ul * {
    color: #fff;
}
#header_main_alternate {
      background-color: #2f3393;
}
#top #wrap_all .header_color .av-menu-button-colored > a .avia-menu-text {
  background-color: #00aeed;
}
.header_color .avia-menu-fx {
    border-bottom-color:  #00aeed;
    background-color:  #00aeed;
}

.av-main-nav-wrap ul.sub-menu * {
    color: #2f3393;
}

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

    June 23, 2017 at 4:44 pm #812161
    bluebubble

    Great the menu is now looking as the client wanted. Thanks you for your help Victoria.

    Do you have a solution for adding the text and phone number as in the image I sent?

    It would need adding to the right side of the logo area next to the social icons at the size shown.

    Thanks again

    Ric

    June 23, 2017 at 4:59 pm #812171
    Yigit

    Hey Ric!

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

    Cheers!
    Yigit

    June 24, 2017 at 2:39 pm #812452
    bluebubble

    Hi Yigit,

    Thanks thats now working and Ive added the color bar with the same info to be hidden on desktop and only show on mobile.

    Im now having an issue with the fullwidth slider (home page), the caption is pushing the buttons down off the screen in portrait mode can this be fixed? The image is set to load at original ratio.

    https://horizonfuneralplans.co.uk/wp-content/uploads/2017/06/image3.png

    https://horizonfuneralplans.co.uk/wp-content/uploads/2017/06/image1.png

    Thanks

    Ric

    June 24, 2017 at 7:15 pm #812491
    Mike

    Hi,
    This is the code that works:

    @media only screen and (max-width: 767px) {
.slideshow_caption {
    width: 100% !important;
}}

    You had it in there, but you were missing three curly brackets in your code, one after your media statement and one at the end of the slideshow_caption statement, and the closing media statement one. Please clear your cache: [http://www.refreshyourcache.com/en/home/]

    Best regards,
    Mike

    June 25, 2017 at 2:53 am #812584
    bluebubble

    Love you guys…thanks Mike. Appreciate the time.

    Best regards

    Ric

    June 25, 2017 at 1:17 pm #812658
    Mike

    Hi,
    Glad we were able to help, we will close this now. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Change colour of the menu background and add text to logo area’ is closed to new replies.