Topic Resolution: Not Resolved
  • Closed
  • Elen Semenek
    Spectator
    July 29, 2016 at 9:30 am #29465

    Social icons and shopping card icon not aligned properly for a mobile browser. I’d like to modify it. How can I add additional button to the header and re-arrange current icons for the mobile browser? Which file is responsible for generating header on mobile browser?

    Daniel Jones
    Spectator
    Posts: 148
    July 30, 2016 at 8:45 am #29493

    Hi Elen,

    Thanks for contacting us.

    Kindly could you share with me the link to the site so that I may figure out the issues and help.

    Looking forward to your reply.

    Denzel Chia
    Moderator
    Posts: 2656
    July 30, 2016 at 8:53 am #29494

    Hi,

    Social icons and shopping card icon not aligned properly for a mobile browser. I’d like to modify it.

    Is this your URL? http://ellero.com/ (Summer2016)
    Please tell us how you want to align the icons. I will try and see if it’s possible.

    How can I add additional button to the header and re-arrange current icons for the mobile browser?

    This requires modifying theme codes, which is not cover in our support scope.
    You can open up social-buttons.php and add HTML code after the PHP foreach loop, or contact our developers for this customization. https://theme4press.com/theme-customization-service/

    Which file is responsible for generating header on mobile browser?

    No special mobile browser header file, only header file and they are located in evolve-plus/template/header_v… depending on which header you selected in theme options.

    Elen Semenek
    Spectator
    Posts: 13
    July 30, 2016 at 9:07 am #29495

    The goal at this point is to move the button that was added (the account button), next to the cart button on mobile. Is this possible?

    Denzel Chia
    Moderator
    Posts: 2656
    August 1, 2016 at 1:43 am #29513

    Hi,

    You can try using the following in Theme Options -> Custom CSS

    @media screen and (max-width:768px){
    .resp-acc {
    display: inline !important;
    float: left !important;
    position: relative;
    }
    .woocommerce-menu .dd-container {
    display: inline !important;
    float: left !important;
    position: relative;
    top: -8px;
    }
    .woocommerce-menu-holder {
    width: 100px !important;
    margin: 0px auto !important;
    position: relative;
    left: 10px;
    }
    }

    Thank you