Resolved Customize BrandNav

[King Creative Design+ 2]

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

[batman 389]

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

[King Creative Design+ 2]

thanks, perfect!

[Rob 547]

The topic was marked as resolved.

[pmmyers 0]

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!

[James B 436]

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.

[pmmyers 0]

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!

[Danny+ 1,327]

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.

[pmmyers 0]

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!!

[Rob 547]

Is this issue now resolved?

[pmmyers 0]

yes, it was resolved before. thanks!

[Rob 547]

Thanks.