Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • November 6, 2017 at 4:43 pm #873148
    profumopuntoit

    Hello,
    in our setup in mobile view (Htc One m8) logo and search icon and burger menu overlap. And cart icon is not on the same line with the others icons
    I would like to have the logo at the extreme left and the rest to the extreme right, like in your demo
    Thank you
    Mauro

    November 6, 2017 at 5:33 pm #873208
    Jordan Shannon

    Hey profumopuntoit,

    Please provide a link to the page in question so we can look into this issue further.

    Best regards,
    Jordan Shannon

    November 6, 2017 at 7:00 pm #873277
    profumopuntoit
    This reply has been marked as private.
    November 6, 2017 at 10:34 pm #873387
    Jordan Shannon

    Hi,

    Please try adding the following to quick css:

    @media only screen and (max-width: 767px){ 
.responsive #top #wrap_all .logo a > img {width: 183px !important;}
.responsive #top #wrap_all .main_menu {right: -50px!important; }}

    Best regards,
    Jordan Shannon

    November 7, 2017 at 2:25 pm #873700
    profumopuntoit

    Thank you but I don’t see any change
    (I have cleared cache plugin, disabled cloudflare, cleared browser cache and tested in incognito mode)
    I tried also from https://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2Fattarperfumes.net%2F&tab=mobile (https://profumo.tinytake.com/sf/MjA5MzMwMV82NTY3MTM4)

    November 7, 2017 at 5:04 pm #873821
    Victoria

    Hi profumopuntoit,

    Can you please disable the cache while we are helping you?

    Best regards,
    Victoria

    November 7, 2017 at 5:10 pm #873828
    profumopuntoit

    Hivictoria,
    I have disabled Varnish, WpRocket and Cloudflare
    Mauro

    November 7, 2017 at 7:33 pm #873867
    profumopuntoit
    This reply has been marked as private.
    November 8, 2017 at 6:35 pm #874274
    profumopuntoit

    .

    November 8, 2017 at 11:56 pm #874351
    Yigit

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

    @media only screen and (max-width: 480px) {
.responsive #top #wrap_all .logo a img {
    max-width: 75%;
}}

    Best regards,
    Yigit

    November 9, 2017 at 2:39 pm #874656
    profumopuntoit

    Ok thank you
    I have also added:
    .responsive #top #header_main>.container .main_menu .av-main-nav>li>a, .responsive #top #wrap_all .av-logo-container {
    margin-left: 0;
    }
    to bring the logo to the extreme left. But how can I bring to the RIGHT search icon, burger menu and cart icon?
    And also the cart to vertical middle?
    Thank you
    Mauro

    November 9, 2017 at 3:34 pm #874710
    Yigit

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

    @media only screen and (max-width: 480px) {
.responsive #top #menu-item-shop .cart_dropdown_link {
    line-height: 80px!important;
}
.responsive #top #wrap_all .main_menu {
    right: -60px !important;
}}

    Best regards,
    Yigit

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