Archived

This topic is now archived and is closed to further replies.

  • 0

Resolved Customize BrandNav


Question

Posted · Report post

Is it possible to move the navigation down independent of the logo in the BrandNav section? I am trying to move it so it is flush bottom with the logo (see attachment).

I would also like to reduce the gap between the feature slider and the calls to action below without affecting the main content margins. Any help would be appreciated.

The site URL is - http://www.bikramyoga-sp.com

Thanks!

Michele

post-29945-0-79595700-1349637129_thumb.p

Share this post


Link to post
Share on other sites

11 answers to this question

Posted · Report post

Hi there ,

 

It would depend which browser you were seeing the difference in. Usually there shouldn't be any differences unless its down to IE8 etc.

 

We have a browser specific plugin which adds browser classes into the layout for you to make set adjustments, see http://www.pagelines.com/store/plugins/browser-css/ for instructions and a list of the classes - http://support.pagelines.me/docs/plugins/browser-specific-css/

 

You could then apply the changes on a per browser basis for the one you were having issues with.

Share this post


Link to post
Share on other sites

Posted · Report post

Yes,

 

this is the code I placed in the custom css window in pagelines 

#brandnav .brandnav-nav { margin-top: 60px;}

 

 

And I just tried it again and changed the value to -30 px and now it is consistent across all the browsers, I don't know why but it is working....gross user error? hahaha anyway, thank you!!

Share this post


Link to post
Share on other sites

Posted · Report post

Is this issue now resolved?

Share this post


Link to post
Share on other sites

Posted · Report post

yes, it was resolved before. thanks!

Share this post


Link to post
Share on other sites

Posted · Report post

Hi Michele

You can try add in

PageLines > Site Options > Custom Code > CSS Rules

#brandnav .brandnav-nav { margin-top: 40px;}

Modify #px as you like

Share this post


Link to post
Share on other sites

Posted · Report post

Hi, I used this method for the same issue, and it works, however, when testing in different browsers, it looks different, like  the logo is 40 px difference.

 

Just wondering if you have encountered this and how to resolve. www.papasaukauai.com

 

Thanks!

Share this post


Link to post
Share on other sites

Posted · Report post

thanks, perfect!

Share this post


Link to post
Share on other sites

Posted · Report post

The topic was marked as resolved.

Share this post


Link to post
Share on other sites

Posted · Report post

Thanks.

Share this post


Link to post
Share on other sites

Posted · Report post

Well, the issue seems to be that the location of the brandnav and branding is not consistent in the same browser on different computers.  (I am trying to get the menu to align with the bottom of the branding.)

 

Would this solution of a browser specific plugin address that issue? 

 

Oh, the browsers in question are Firefox and chrome. It is consistent in Safari on different computers.

 

www.papasaukauai.com

 

Thanks!

Share this post


Link to post
Share on other sites

Posted · Report post

Can you provide screenshots of the issue, also provide a screenshot for each browser on each OS, also inform us of the browser versions on each OS.

Share this post


Link to post
Share on other sites