Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #295809

    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

    #295957

    Hi Sherry!

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

    Regards,
    Yigit

    #296502
    This reply has been marked as private.
    #298082

    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(http://eyeverify.com/wp-content/themes/enfold/custom/googleplay.png)!important; height: 40px; background-repeat: no-repeat; }
    li#menu-item-1471 { background-image: url(http://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

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.