Jump to content


Photo
Business Branding

Center logo with Business Branding section



Best Answer ellenmva , 13 May 2013 - 05:38 PM

I see why it is pushing down into your content. Here is a little more code to correct that.

 
#page .section-business-branding .branding-area-container {
display: none;

}

Then you will need to adjust the top margin of the Additional information again so the icons show. I did -150px and that worked.

 

Ellen

Go to the full post


  • Please log in to reply
9 replies to this topic

#1 callmestupidbut

callmestupidbut

    Member

  • Members
  • 12 posts
  • Country: Country Flag

Posted 09 May 2013 - 01:19 PM

I've recently installed the Business Branding section on a site in development to include the phone number above the social media icons in the header.

 

Before installing this, I had the logo centered. Obviously, changing the 'Branding' section to the 'Business Branding' section in the drag and drop bit means the custom CSS to center the logo no longer works.

 

I've tried accessing the code with firebug and changing the classes to business-branding, but nothing seems to be working. Ayy ideas?

 

Current version of Pagelines

 

Current CSS:

 
.section-business-branding .business-logo .mainlogo-link, .section-business-branding .business-logo .mainlogo-img {
    float: none;
    margin: 0 auto;}

url: http://dev.sociallea...ollective.co.uk



#2 catrina

catrina

    Advocate

  • Members
  • 12345 posts
  • LocationCalifornia
  • Country: Country Flag

Posted 09 May 2013 - 02:42 PM

In CSS, the simpler the better so perhaps shorten it like this:

 
#page .business-logo {
    float: none;
    margin: 0 auto;}


#3 callmestupidbut

callmestupidbut

    Member

  • Members
  • 12 posts
  • Country: Country Flag

Posted 09 May 2013 - 04:01 PM

Ok, so the CSS is now more simple, but still need it to center the logo...



#4 James B

James B

    Advocate

  • Moderators
  • 5126 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 09 May 2013 - 08:53 PM

Admin note - moved thread into the store products forum



#5 Jenny

Jenny

    Advocate

  • Unicorn Store Dev

  • 2924 posts
  • LocationWV
  • Country: Country Flag

Posted 10 May 2013 - 02:57 PM

I have alerted the developer of this topic.



#6 ellenmva

ellenmva

    Advocate

  • Members

  • 292 posts
  • LocationMassachusetts
  • Country: Country Flag

Posted 10 May 2013 - 04:00 PM

I have some code for you to try

 

To center the logo

 
#page .section-business-branding .business-logo {
   float: none;
   text-align: center;
}

That's going to push the Business Info down. You can give a negative top margin in the Business Branding Options for the Position of Additional Information, try -100.

 

Let me know how that works.



#7 callmestupidbut

callmestupidbut

    Member

  • Members
  • 12 posts
  • Country: Country Flag

Posted 13 May 2013 - 07:10 AM

Thanks Ellenmva - that kind of works at full screen screen size, just pushes the classic nav down over the content. Also messes up the responsiveness of the site as the business branding now sits over the logo when the screen is smaller.

 

I'll keep trying and maybe add some @media queries.



#8 Jenny

Jenny

    Advocate

  • Unicorn Store Dev

  • 2924 posts
  • LocationWV
  • Country: Country Flag

Posted 13 May 2013 - 02:40 PM

Please let us know if you still need assistance with this topic, otherwise I'll close it in 7 days. Thanks!



#9 ellenmva

ellenmva

    Advocate

  • Members

  • 292 posts
  • LocationMassachusetts
  • Country: Country Flag

Posted 13 May 2013 - 05:38 PM   Best Answer

I see why it is pushing down into your content. Here is a little more code to correct that.

 
#page .section-business-branding .branding-area-container {
display: none;

}

Then you will need to adjust the top margin of the Additional information again so the icons show. I did -150px and that worked.

 

Ellen



#10 callmestupidbut

callmestupidbut

    Member

  • Members
  • 12 posts
  • Country: Country Flag

Posted 14 May 2013 - 09:17 AM

Thanks Ellen. It's more the responsiveness that's important to the client - currently the logo, additional info and nav all overlap on a mobile screen, but I'll have a go with media queries to see if I can fix it.

 

@Jenny - feel free to close this post.

 

Thanks!


  • Jenny likes this





Also tagged with one or more of these keywords: Business Branding