Tagged: , , , , ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • July 25, 2014 at 7:51 am #295809
    liusy

    Is there a way to change the section above the logo and menu/navigation?

    I want to use different social icons on the left and I want to add image menu links on the right. I tried to use the CSS class for the menu section but it doesn’t work like I’ve done in the past. What am I missing?

    Main concern is that it also needs to be responsive. Ideally on a mobile phone, the icons/images in that top bar will shrink just a little and then stack on each other. Unfortunately I don’t have much responsive coding knowledge.

    I’ve attached (privately) an example of what I’m trying to achieve.

    I have beginner/intermediate experience with code.

    Much thanks,
    Sherry

    July 25, 2014 at 2:44 pm #295957
    Yigit

    Hi Sherry!

    Can you post the link to your website and the links to the images you would like to use please?

    Regards,
    Yigit

    July 27, 2014 at 8:35 pm #296502
    liusy
    This reply has been marked as private.
    July 31, 2014 at 4:23 am #298082
    Yigit

    Hey!

    Sorry for the late reply!
    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    li#menu-item-1472 { background-image: url(https://eyeverify.com/wp-content/themes/enfold/custom/googleplay.png)!important; height: 40px; background-repeat: no-repeat; }
li#menu-item-1471 { background-image: url(https://eyeverify.com/wp-content/themes/enfold/custom/appstore.png)!important; height: 40px; background-repeat: no-repeat; }
li#menu-item-1472 a, li#menu-item-1471 a { opacity: 0; } 
#top #wrap_all .social_bookmarks a { background-color: white; color: #82141D!important; border-radius: 20px; }

    Regards,
    Yigit

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