Images not appearing in the tutorials

Hey Jay,

I need to remove the images from that page entirely as they don’t make sense anymore and I am replacing them with my new video tutorial series.

I can’t share my export file unfortunately as it wouldn’t work due to having different menu IDs, no relative images etc.

Is there something I can help you with specifically that you are struggling with?

Please advise

Peter

Hey Jay,

Please see some answers to your questions below:

1. The below Custom CSS should move it down a bit for you:

#responsive-menu-pro-header #responsive-menu-pro-header-bar-logo img {
   margin-top: 15px;
}

2. % options is the correct way. That mixed with a minimum width, so it doesn’t get too small on mobiles and a maximum width, so it doesn’t get too big on desktops should be all you need.

3. You need to enable the Header Bar option and then for the background, select a colour and drag the opacity bar on the right of the selector down a bit.

I hope that helps and if you have any more questions please let me know!

Peter

Hey Jay,

Responsive heights don’t really work I’m afraid so I wouldn’t use percentages for top or height values.

I’ve looked on your site and the logo looks perfect for me on all screensizes, did you fix it since your last message?

Please let me know

Peter

Hey Jay,

My site uses the same size on all screensizes so it doesn’t do anything special, do you need yours to change sizes on different screens?

You could add a min width on the logo if you really wanted to stop it ever getting too small, such as:

#responsive-menu-pro-header #responsive-menu-pro-header-bar-logo img {
	width: 5%;
}

I hope that helps

Peter

Hey Jay,

Sounds good, glad you got it working now!

Peter