Home › Forums › All Other Themes › Adjusting logo size on mobile – Photo Session Pro
- This topic has 4 replies, 2 voices, and was last updated 7 years, 2 months ago by
Forum Moderator.
-
AuthorPosts
-
March 15, 2016 at 1:33 pm #26930
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.
March 16, 2016 at 5:17 am #26997Hi 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,
BradMarch 16, 2016 at 2:49 pm #27091I entered this custom CSS and nothing seems to change.
March 17, 2016 at 5:35 am #27185Hi 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,
BradMarch 18, 2016 at 5:44 am #27325Hi Michael,
Yes send us your login information via email.
Regards,
Brad -
AuthorPosts
- You must be logged in to reply to this topic.