Image on home cannot be aligned center

[Bas]

Hi, in the theme options in SKT Black Pro I tried to insert an image (logo) on home using this code:

It should be showed in Theme options > Homepage slider > Slide Image 1

The logo will be showed, but it is aligned left. Howecome?
Please see: http://taxinijmegen.com

[Bas]

Or is there an other way to insert the image on top in the center?

[Sonnal S Sinha]

Hi,

Kindly go to Appearance>>Theme Option>>Basic Setting>>Custom CSS Box

Add this code there:

.top-bar img{position:relative; display:block; margin:0 auto;}

Regards,
Dave

[Bas]

Great! On a desktop it is there now. But not in my responsive homepagine on my iPhone. What to I need to do?

[Sonnal S Sinha]

Hi,

Kindly go to Appearance>>Theme Options>>Basic Settings>>Custom CSS Box:

Add this code there:

@media screen and (max-width:479px) {
a.arrow-down, #slider .top-bar p { display:block;}
.top-bar img { width:45%; height:auto;}
#slider .top-bar p { font-size:15px; margin-top:-18px;}
#slider .top-bar a.contact, .contact-banner a { margin-top:-8px;}
}

@media screen and (min-width:480px) and (max-width:767px) {
a.arrow-down, #slider .top-bar p { display:block;}
.top-bar img { width:50%; height:auto;}
#slider .top-bar p { font-size:15px; margin-top:-10px;}
#slider .top-bar a.contact, .contact-banner a { margin-top:0;}
}

Regards,
Dave

[Bas]

Thanks! It works!

[Sonnal S Sinha]

If you found our service good kindly review us here:
https://www.sktthemes.org/forums/topic/reviews-and-testimonials/

[Author]

Posts