I added a shopping cart to my template and added the show cart link in the social position. This is showing ok on all devices except mobile width.
The Galiana template shows on extra small windows that the social position would show UNDER the logo part, but this is not happening. the social position just doesn't show on mobile.
Hi ginyjen,
Thanks for contacting us and choosing our product!
I checked jux galiana and see social positon have css display: none on mobile devices.
So you can fix it by following steps:
Step 1: Go to path {root}/templates/galiana/local/css then open file template.css
Step 2: Go to line 5091 and comment this code:
I have done the commenting, but still don't see a difference.
This is a piece of the css around this line, shouldn't the header-right be described what it should do, rather then blank out/comment the display none?
.head-search {
float: none !important;
}
.header-right {
/* display: none; */
}
.logo {
float: none;
margin-top: 0;
text-align: center;
width: 100% !important;
}
.logo .logo-image a {
margin: auto;
}
#head-info > .social {
display: inline-block;
float: right;
margin-right: 3px;
overflow: hidden;
position: absolute;
right: 0;
top: -43px;
width: auto;
z-index: 9999;
Hi ginyen,
Thanks for your feedback!
Sorry for late response because we just have weekend. I checked your site again and see you fixed problem yourself
I am not sure if the css change did the trick, or that I added a link (html doc) in the header (login for guest and myprofile after login), but the social box moved down because of this - only for public users.
This is only for large screens - mobile, tablet are actually ok
Is there a certain height defined for the social box that causes this?.