Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • December 10, 2018 at 4:46 am #1042882
    aussiedropbear

    Hi,

    I had some assistance with a client site previously and all worked well. he client now wants to have the burger menu to the right of the logo and the social icons up where the phone number is located (preferably) or thereabouts.

    I have removed the code that was in Quick CSS and refreshed things but in mobile view the burger menu and social icons still remain in the same place?

    Is there something else I should be doing as from what I can see it looks correct in the admin settings to revert back to its normal default view?

    I’ve placed a temporarty login in PC.

    Cheers
    John

    December 11, 2018 at 8:16 pm #1043958
    Victoria

    Hey John,

    Best regards,
    Victoria

    December 11, 2018 at 10:11 pm #1044000
    aussiedropbear

    Hi Victoria,

    If I remove the code in Quick CSS that positions the social icons in mobile view (I have since placed it back for functionality for now) the burger menu would move to the right hand side however the social icons should either then show up the top with the phone number or thereabouts (above or below) whichever works?

    Thanks
    John

    December 16, 2018 at 6:14 pm #1045995
    Victoria

    Hi John,

    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

    
@media only screen and (max-width:479px) {
    #header_meta {
        z-index: 1;
    }
    .responsive #top #header .main_menu .social_bookmarks {
        display: block;
        position: absolute;
        margin-top: -75px;
        z-index: 9999 !important;
    }
     .responsive #top #header .main_menu .social_bookmarks a {
         color: #fff;
     }
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

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