Jump to content
Sign in to follow this  
seattle5021209

Increasing the size of the NavBar Logo in Fixed NavBar

Recommended Posts

seattle5021209    0
seattle5021209

Hello and thank you in advanced for your help. I would like to increase the size of the NavBar Logo in the Fixed NavBar. I have looked in the forum and tried many different CSS custom codes; no luck. According to the PageLines Global Settings: "Use this feature to add the NavBar section as a fixed navigation bar on the top of your site. Notes: 1. Only visible in Fixed Mode. 2. Image Height is constricted to a maximum 29px." I was wondering if I can increase the size to 50X. Thank you.

Share this post


Link to post
Share on other sites
Jenny    33
Jenny

If you provide the custom code you have tried, we can help you tweak it. :)


Jenny :: Web designer at Simple Mama (follow me at @simplemamacom)

Check out Share Me, a social sharing add-on for DMS that is super simple to set up.

Share this post


Link to post
Share on other sites
seattle5021209    0
seattle5021209

I have used the following:

.navbar .plbrand img { max-height: 180px; }
Based on this support http://www.pagelines.com/forum/discussion/20326/change-size-to-navbar-logo/p1 I also tried:
img.mainlogo-img {width: YOURSIZEHEREpx;}
And
#brandnav .mainlogo-link img {width:50px;height:50px;}
http://www.pagelines.com/forum/discussion/10727/brand-nav-size/p1
img.mainlogo-img {width: 400px !important;}

http://www.pagelines.com/forum/discussion/12798/brandnav-option-logo-size-and-menu-type/p1 Thank you for your help.

Share this post


Link to post
Share on other sites
Rob    547
Rob

Try:

.navbar .plbrand img {
	    height: 50px;
	    max-height: 99px;
	}

Just remember, when you set the height (to your specs), the image will be sized out of scale. You may need to replace it with a larger image to prevent pixelization.

  • Like 1

Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
seattle5021209    0
seattle5021209

You are amazing! Your code helped me customize exactly what I needed. Thank you so much for your help.

Share this post


Link to post
Share on other sites
seattle5021209    0
seattle5021209

Hello again, I wonder if you can help me with a follow-up question. The code works great and it increases the size of my Logo. However, the page links and search bar in the NavBar menu are no longer centered once I increase the logo size. How can I center the logo, the page links, and the search bar in the NavBar?

Share this post


Link to post
Share on other sites
neercha    0
neercha

would really love to know the answer to this, did you ever get one?

Share this post


Link to post
Share on other sites
miros    0
miros

Hello again, I wonder if you can help me with a follow-up question. The code works great and it increases the size of my Logo. However, the page links and search bar in the NavBar menu are no longer centered once I increase the logo size. How can I center the logo, the page links, and the search bar in the NavBar?

Any news about your answer?

Share this post


Link to post
Share on other sites
Rob    547
Rob

You should open a new topic. It's the best way to insure getting a correct and specific answer.


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

×