Archived

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

  • 0

Business Branding Center logo with Business Branding section

Question

Posted · Report post

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.sociallearningcollective.co.uk

Share this post


Link to post
Share on other sites

9 answers to this question

Posted · Report post

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

Share this post


Link to post
Share on other sites

Posted · Report post

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!

1 person likes this

Share this post


Link to post
Share on other sites

Posted · Report post

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

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

Share this post


Link to post
Share on other sites

Posted · Report post

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

Share this post


Link to post
Share on other sites

Posted · Report post

Admin note - moved thread into the store products forum

Share this post


Link to post
Share on other sites

Posted · Report post

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.

Share this post


Link to post
Share on other sites

Posted · Report post

I have alerted the developer of this topic.

Share this post


Link to post
Share on other sites

Posted · Report post

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.

Share this post


Link to post
Share on other sites

Posted · Report post

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

Share this post


Link to post
Share on other sites