Adjusting logo size on mobile – Photo Session Pro

[Michael]

Currently building this site – http://studiozflowers.com

I was able to make some adjustments to the header for the regular site to get it how I wanted it. I made the custom CSS changes so that they only take affect when looking at the site on a full-size screen.

I was trying to get the logo larger on the responsive version and perhaps nudge it over to the right a bit (such that it isn’t hugging the left side of the black header box) but was having trouble figuring out what I need to do here. I’m fairly new to using CSS with mobile-responsive sites, so any suggestions would be appreciated.

Thank you.

[Forum Moderator]

Hi Michael,

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

Add this code:

@media screen and (min-width: 480px) and (max-width: 767px) {
.header .logo{ float:none !important; max-width:100% !important;}
.logo img {margin-bottom:0 !important;}
.mobile_nav{width:100% !important;}
#site-nav{width:100%; margin:0 !important;}
}

Regards,
Brad

[Michael]

I entered this custom CSS and nothing seems to change.

[Forum Moderator]

Hi Michael,

Kindly send us your URL of the site and WordPress admin details via sktthemes.net/contact

Please mention this forum URL while replying so that we understand what needs to be done.

Regards,
Brad

[Forum Moderator]

Hi Michael,

Yes send us your login information via email.

Regards,
Brad

[Author]

Posts