-
Posts
-
Hi there
Is there a way to remove from behind menu, search panel & cart / on click the repetition of my horizontal logo version.
Here’s the live site: http://www.thenaturalpharmacie.co.uk/hidden/
Here’s a screenshot: https://dl.dropboxusercontent.com/u/226695/smallheader-example-tile-error.gif
Thanks in advance. Rich
Hi,
I don’t see the repeating background. This is the screenshot of your website:
Please remove browser cache then reload the page.
Regards,
Ismael
Hi Ismael
Thanks for your reply.
Was just writing this morning, to say i’d ditched that idea. (Over complicated) So don’t worry, but appreciate support.
My only question is now, can i get the logo to resize to a set size on an Ipad.
Heres the code you kindly helped me with on a desktop.
If i manage to work out, i’ll update this post.
.header-scrolled div .logo img {
height: 70px;
margin-left: -5px;
}
Rich
PS: Dosent need to “Resize” as such, just set to a smaller size.
Heres my tests. But im not sure what im doing!
Hence why it dosent work.
/* Mobile */
@media only screen and (max-width: 768px) {
div .logo img {
position: relative;
height: 100px;
width: 140px;
}
/* Ipad */
@media only screen and (max-width: 989px) and (min-width: 768px) {
div .logo img {
position: relative;
height: 100px;
width: 140px;
}
Yes you can try to use a media query – insert following code into the quick css field
@media only screen and (max-width: 959px) and (min-width: 768px) {
.header-scrolled div .logo img {
height:50px;
margin-left: -5px;
}
}and adjust the logo size and the margin. You can also change the screen resolution values (min-width & max-width) which determine which devices are affected (at the moment all devices with a screen resolution between 959px and 768px will resize the logo to 50px).
Hi Dude
That’s great. Got it to work on iphone.
However, after following your “media query custom css”, just cant get an ipad to act like the desktop resolution. (See below and scroll, logo shrinks small & not vital, naviagtion decreases in height. Happy for a work around.)
http://www.thenaturalpharmacie.co.uk/hidden/about/our-approach/
Thanks again
Rich
- The topic ‘Remove background logo image from 3 header elements?’ is closed to new replies.