Social Icons under contact info topbar

Support
#1

Hello, in mobile view, the social icons and the contact info in the top bar is not stacking. Can you give me a fix for this?

#2

Sorry, here is the url: petrill.gallagherbd.com

#3

Hello @gallagherBD,

Thanks for writing in! Your social icons do not collapse below the topbar content because you have added a custom CSS code:

.x-topbar p.p-info {
    float: right;
}

To make this proper and see to it that the social icons collapse in smaller screens, you should utilize the @media() statement. For example:

@media(min-width: 768px){
   .element-class {
      your styling here
   }
}

Be advised that custom coding is beyond the scope of our support. The code above will not work out of the box and has been given as an example to get you started with your modifications.

Best Regards.

#4

Teach a man to fish… thanks for that and for the fast response. Looks great!

#5

You’re welcome @gallagherBD!
We’re glad we were able to help you out.

#6

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.