[rileyiwilliams]

Thanks for that. Done and fixed. Maybe time to setup a staging site for updates…

Cheers

[rileyiwilliams]

Yes, all good. Thanks

[rileyiwilliams]

Crisis averted. No idea what happened though..

[rileyiwilliams]

Thanks Mohammad, that was just what I needed.

Cheers.

[rileyiwilliams]

Hey MarieWorks, do you still need help with this?

[rileyiwilliams]

I didn’t remove it… it’s still there. It’s in child theme style.css, as it was before.

Thanks

[rileyiwilliams]

I should be more specific than that.

Can we use up most of the white space to the left, top & bottom of the logo, so that the logo & icons sit better together?

[rileyiwilliams]

Not quite… see attachment. How can we make it prettier?

Attachments:

You must be logged in to view attached files.

[rileyiwilliams]

Oh, no sorry I was unclear there.

I already had/have:
@media only screen and (max-width: 767px) {
#logo{
background:rgba(0, 0, 0, 0) url(“//www.hereboy.com.au/wp-content/uploads/2015/09/webbanner-footer.png”) repeat scroll 0 0 !important;
}

#logo img{display:none !important;}
}

but it needs something to make it fit right on the page.

The site is: hereboy.com.au

[rileyiwilliams]

Oh yeah, I copied it wrong.

@media only screen and (max-width: 767px) {
#logo{
background:rgba(0, 0, 0, 0) url(“//www.hereboy.com.au/wp-content/uploads/2015/09/webbanner-footer.png”) repeat scroll 0 0 !important;
}

#logo img{display:none !important;}
}

[rileyiwilliams]

Hi. I did the right thing and tried to find the answer to my problem, and I think this is the closest.

I need a different image on mobile devices, but I want to be able to specify a width for the image instead of resizing the actual image file, so that it can look good on different screen widths.

I’m using:

@media only screen and (max-width: 767px) {
#logo{
background:rgba(0, 0, 0, 0) url(“//www.hereboy.com.au/wp-content/uploads/2015/09/webbanner-footer.png”) repeat scroll 0 0 !important;
}

But can’t get it to reduce to look right.

Thanks

[rileyiwilliams]

Thanks for that Mohammad.

I’d like to say that you guys provide the best support out of any theme I’ve used, and as a result I always try to add one of your themes when providing clients with a shortlist.

Thanks.

[rileyiwilliams]

Hi Rui,

Unexpected… my modal seems to be broken, as in any new modal I make with the shortcodes don’t work.

Check out hereboy.com.au/test

There is a modal there which’ll show what I mean. What’s going wrong?

Thanks

[rileyiwilliams]

Actually, if you look at my site (hereboy.com.au) the icon isn’t centred vertically. What css should I change to move it up a little bit?

Thanks.

[rileyiwilliams]

Thanks for that Mohammad & Rui.

Just for anyone wanting to copy this, use Rui’s code and then add padding-right:7px.

Cheers.