Icons in mobile - by stnangel - on WordPress WooCommerce support

9 replies4 participantsUpdated by Jack Richardson

  • Avatar: stnangel
    stnangel
    Participant

    private

    Please, contact administrator
    for this information.
    #136858 Copied Theme version: new WooCommerce version: new

    9 Answers

    Avatar: Jack Richardson
    Jack Richardson
    Support staff

    Hello,

    Try to use this code in Theme Options > Custom CSS > Custom CSS for mobile:

    .navbar-header.navbar-right {
   width: 33%!important;
}

    Best regards,
    Jack Richardson.

    #136867 Copied
    Avatar: stnangel
    stnangel
    Participant

    private

    Please, contact administrator
    for this information.
    #137023 Copied Theme version: new WooCommerce version: new
    Avatar: Rose Tyler
    Rose Tyler
    Support staff

    Hello,

    You can add this code in Theme Options > Custom CSS > Custom CSS for mobile:

    .header-type-18 .navbar-right .navbar-right .shopping-cart-widget {
  padding-left: 0;
}
.header-search {
  margin-top: 5px !important;
  margin-right: 5px;
}

    Regards,
    Rose Tyler.

    #137038 Copied
    Avatar: stnangel
    stnangel
    Participant

    Please review

    Please, contact administrator
    for this information.
    #137112 Copied
    Avatar: Jack Richardson
    Jack Richardson
    Support staff

    Hello,

    As I see search icon is shown properly now:
    http://storage8.static.itmages.com/i/16/0818/h_1471553308_6395051_a9dd4f54a3.png

    Try to clear browser cache and check again.

    Best regards,
    Jack Richardson.

    #137120 Copied
    Avatar: stnangel
    stnangel
    Participant

    Hi,

    This seems to look ok in firefox when you shrink the browser window however when I check the website on my iphone, the icons still look wrong.

    #137126 Copied
    Avatar: Robert Hall
    Robert Hall
    Participant

    Hello,

    I’ve added the following code in Custom CSS for mobile. Please check.

    .header-type-18 .navbar-right .navbar-right .shopping-cart-widget {
  padding-left: 0;
padding-right:0px;
}
.header-search {
  margin-top: 5px !important;
  margin-right: -8px;
}

    Regards,
    Robert Hall

    #137136 Copied
    Avatar: stnangel
    stnangel
    Participant

    Great. Only thing now is when you scroll down you will notice when the top navigation comes back, the icons look off again. If we can match that to what you did before the scrolling down the page then we are done!

    I appreciate your help, I am very impressed.

    Thanks

    #137196 Copied
    Avatar: Jack Richardson
    Jack Richardson
    Support staff

    Hello,

    Please use this code in Custom CSS for mobile:

    .fixed-header-area .header-search {
    margin-top: 14px !important;
}

    Best regards,
    Jack Richardson.

    #137211 Copied

  • Tagged: , , , , ,

Want to reply? Log in, or register with your ThemeForest purchase code, to reply to this topic.

Login / Register