-
Posts
-
Hey Lura1988,
If possible please provide a link to the site in question. Also keep in mind the convention or common practice when a website or a theme is fully responsive and is designed to work on a mobile device, zoom capabilities or features are usually disabled. This is the case with Enfold. If you want to enable zoom, use the fixed layout. Go to Enfold > General Layout > Dimensions then disable the Responsive Site option.
Best regards,
Jordan ShannonHi,
As I mentioned above, that is just the function of a responsive site.As the site responds to browser changes it adjusts as well as possible to keep the page user friendly. Most sites, out side of mobile are not generally zoomed in, so the best option with this would be to adjust the position of the icons, but even the then, they may still possible go out of frame depending on how far you zoom in.
Best regards,
Jordan ShannonCan you help me with that? Because even if someone zooms at 110% they start disappearing.
How can I adjust the position?Hi,
Please provide admin info in the private area so we can look into this further.
Best regards,
Jordan ShannonSure.
I also have a similar problem with the shopping bag on the mobile phone. I would like it to stick always to the right of the screen.
Many thanks
Hi,
Have you added any custom css to the site? This is does not seem like normal behavior.
Best regards,
Jordan ShannonYes, I used few CSS to customise both:
SOCKET CSS used:
#socket {
position: fixed;
bottom: 0;
width: 100%;
z-index: 999;
}#socket .container {
padding-top: 0px;
padding-bottom: 4px;
}#socket {
background-color: transparent;
color:#3D302C;
}
#socket a {
color:#3D302C;
}#socket {
border: none;
}SHOPPING BAG MOBILE CSS used:
@media only screen and (max-width: 767px) {
.responsive #top .cart_dropdown {
top: 150%;
right: 1%;
}Thanks a lot for your help but now the customers need to scroll down to see the social media icons. I was looking for the social media icons stick always in the right bottom! Also, the shopping bag in the mobile phone is still between the menu and the right side of the corner! Any other ideas to position it on the right side?
many thanks
Hi,
I’m sure if you remove the shopping bag css that will correct the mobile issue as well. I had to scroll down to see the social icons with the css activated anyway, so I don’t think it was working as you might have hoped. And honestly’ there is no way to ensure they won’t have to scroll if they are positioned at the bottom. If you don’t want them scroll then maybe think of positioning them in the header instead.
Best regards,
Jordan ShannonHi
if I remove the CSS code of the shopping bag it goes in the black part of the header. I just want it to stay on the right in the same row of the menu.
You can see from the pic what I am trying to have:
https://drive.google.com/file/d/0B0x0sLgeLbG_S24yd2FId2U5b00/view?usp=sharingAny idea?
Hi,
Add the following to quick css:
@media only screen and (max-width: 767px){ .responsive #top .cart_dropdown { right: 0%!important; left: 90%!important; } }Best regards,
Jordan ShannonHi
I cancel the old CSS and added this but the shopping bag went under the logo.
The following CSS is actually working, just the right:1 is not correct (stick to the right). maybe I need to give it a fixed position?
@media only screen and (max-width: 767px) {
.responsive #top .cart_dropdown {
top: 150%;
right: 1%;
}
}thanks
Hi,
The css I provided you was with the old css still active so it would still need to be there for it to work.
Best regards,
Jordan Shannonyes, I am using both as you told me but nothing is changing. Any other suggestions?
@media only screen and (max-width: 767px) {
.responsive #top .cart_dropdown {
top: 150%;
right: 1%;
}
}@media only screen and (max-width: 767px){
.responsive #top .cart_dropdown {
right: 0%!important;
left: 90%!important;
}
}Hi,
I added my css to the very top of Quick css and it works as intended. Please test.
Best regards,
Jordan ShannonYeah, it worked! Many thanks!
I also have another problem with the title image. I need to remove the title showing when the mouse hovers over any images.
I tried several CSS founded in previous tickets and also the following PHP code (cleaning the cache etc) but nothing seems to work.function add_custom_script(){
?>
<script>
jQuery(window).load(function(){
jQuery(‘img’).removeAttr(‘title’);
});
</script>
<?php
}
add_action(‘wp_footer’, ‘add_custom_script’);Could you please help me with this?
- The topic ‘Social Media icons don't stick to the bottom right corner of the screen’ is closed to new replies.