Header button overlapping icons on mobile

gmyachin · December 2015

Need help moving call to action away button from shopping cart and search icons in header on mobile devices, as they are overlapping. Seems that I am unable to do that with CSS.

Screenshot: http://snag.gy/VFHe3.jpg

Website: chimimu.ru

Albert · December 2015

Hi,

we have no idea what size you showed on above screenshot but such devices does not exist. However, if you want, we can only give you css to remove action button from mobile devices.

gmyachin · December 2015

It was iPhone 5 in google chrome. I would not like to remove the button, I need it

Albert · December 2015

If it's iPhone 5 then all you can try is below css:

@media only screen and (max-width: 479px) {
    #Top_bar a.button.action_button { top: 30px !important; }
}

But please notice, that except above css, we do not have any other workaround.

gmyachin · December 2015

Thank you! This worked.

Albert · December 2015

You're welcome

Header button overlapping icons on mobile

Comments