Forum Replies Created
-
Posts
-
Hello Ismael that doesn’t work or I would not have asked, sorry.
and
Hi and thanks for that, it didn’t work. The font is a custom font. No matter where I try to control this the menu font remains the same, either using the ‘Use any font’ plugin or editing the CSS. Any ideas?
Here’s the code I used based on your suggestion.
.av-main-nav > li > a {
display: block;
text-decoration: none;
padding: 0 13px;
font-weight: normal;
font-weight: 600;
font-size: 13px;
font-family: “verlag-light”, serif;
}Update: I have tried some code in this. It’s almost worked. Needs tweaking, hoping admins can help me out.
Anyone here’s the code.I have placed this in Code box in a three block Grid. Set all margins to zero. I can get one box to work but then I clone it and change the url of the graphics and they don’t change, it shows the same graphic as the cloned one. Also there is a gap between the images and that needs to go.
Here’s the code I tried
Box 1
<html lang=”en”>
<head>
<meta charset=”utf-8″>
<title>Change Image on Hover in CSS</title>
<style>
.card {
width: 100%;
height: 500px;
background: url(https://trevfisher.com/bvv/wp-content/uploads/2021/03/BBV_Surgery_Categoria-min.jpg) no-repeat;
margin: 0px;
}
.card:hover {
background: url(https://trevfisher.com/bvv/wp-content/uploads/2021/03/BBV_Surgery_BW_02-min.jpg) no-repeat;
}
</style>
</head>
<body>
<div class=”card”></div>
</body>
</html>Box 2
<html lang=”en”>
<head>
<meta charset=”utf-8″>
<title>Change Image on Hover in CSS</title>
<style>
.card {
width: 100%;
height: 500px;
background: url(https://trevfisher.com/bvv/wp-content/uploads/2021/03/BBV_Cellular_Rejuvenation_Categoria-min.jpg) no-repeat;
margin: 0px;
}
.card:hover {
background: url(https://trevfisher.com/bvv/wp-content/uploads/2021/03/BBV_Surgery_BW_02-min.jpg) no-repeat;
}
</style>
</head>
<body>
<div class=”card”></div>
</body>
</html>This is on my test server.
Hi and thanks again, the problem s solved, I posted before you posted your answer, the images I chose were fine for the reduction I expected. The problem seemed to be that specifically Huawei phones didn’t like the usual CSS I use, that has worked for years LOL Go figure
I think I have fixed it, the normal css I use for this might have been causing the issue, I changed it and it worked:
@media only screen and (max-width: 320px) {
#wrap_all { width: 600px !important; }
}Thanks everyone for your help
Hi, it’s all the pages, every age is responsive on some phones but not others regardless of browser, it’s an inconsistent error and that’s what makes it so frustrating.
I will attach some screen caps from different test sites.It tests well on Mobile Friendly https://snipboard.io/ojtSpg.jpg
Not so much on Mobile Ready https://snipboard.io/DhqXO3.jpg
And on my own Huawei phone it is messed up, seeing only half the screen as on the mobile ready screen caps. It s the same on a few of the phones in the office too
