Forum Replies Created
-
Posts
-
Hi Vitoria,
thanks for your help!
Please find attached how your CSS worked.
I think it would be a good idea have the header fixed but I need to keep the shopping bang in the actual position right: 0%!important;
left: 90%!important;.Thanks in advanced for you help
Hi Victoria,
I fixed it putting the gallery into a container! It should be fine now
Many thanks anyway
Hi,
yes, I tried to put the line fixed in my CSS but the shopping bag just disappeared.
You can find that CSS on top of the others CSSPlease find the login details below.
Many thanks
Hi Victoria!
Not really! It is still fixed in the right corner when I scroll down on my mobile!
Thanks in advance for your help,
LauraHi Ismael,
Thanks for your answer! I tried it but the shopping bag disappeared!
My actual CSS is:
@media only screen and (max-width: 767px){
.responsive #top .cart_dropdown {
right: 0%!important;
left: 90%!important;
}
}Many thanks
Hi Victoria,
thanks for your reply! as written above the pages called: COLLECTION and GALLERY are responsive while the pages SHOP – CONTACT- ABOUT US – STOCKIST – CUSTOMER SERVICE have another resolution. Please find two screenshots some attached
Many thanks,
LauraHi Victoria,
thanks for your answer.
I need the title in the media library cause sometimes I have two different sizes of the logo etc.Thanks for you help
Yeah, 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?
yes, 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 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
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?
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
Yes, 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%;
}Sure.
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
Can you help me with that? Because even if someone zooms at 110% they start disappearing.
How can I adjust the position?I used the following codes
#header_main.container_wrap.container_wrap_logo {
background-color: #000000;
}@media only screen and (max-width: 767px) {
.responsive .logo a, .responsive .logo {
width: 100%!important;
}
.responsive .logo img {
margin: auto;
}
.header_color img {
padding-top: 0;
}
#header {
height: 220px!important;
}
#advanced_menu_toggle {
top: 150%;
right: 46%;
}
}@media only screen and (max-width: 767px) {
.responsive #top .cart_dropdown {
top: 150%;
right: 1%;
}
}Hi,
yes, I just fixed it.
– But now I have to much white space between the mobile menu and the pages. How can I fix it?
– Also the logo needs to have some black margin on the top and bottom because now it is squeezed.
– And I cannot find a code to stick the mobile cart icon on the right corner.Could you help me with these issues?
Many thanks
Hi,
we finally find a solution for the shopping bag.
I had the following code to have the black header mobile
#header_main.container_wrap.container_wrap_logo {
background-color: #000000;
}but now I cannot see the white logo. any help?
thanks
1) about the black mobile header
the following code doesn’t work in my case
@media only screen and (max-width: 767px) {
#top #wrap_all .av_header_transparency, .av_header_transparency #advanced_menu_toggle {
background-color: black !important;
}
}2) if I inspect the fontello icon doesn’t even have the shopping bag shape but just a cricle
I fixed the background, it was a wrong CSS.
I am looking to have a black header in the mobile version. Do you have any CSS for that?Hi Victoria,
thanks for answering!
unfortunately, the logo just disappeared.
Anyway now my first issue is that all the background in the mobile is black even if in general style is set up white.
Furthermore the fontello shopping bag, i am having a lot of trouble as I cannot see itthanks for helping
Hi all,
the website is online, (maintenance page) so if someone could give it a look and see if you can help us with the issues that would be great.
http://www.osylia.com
