[Support request] I’d like to horizontally align my header items on mobile specifically.

Home Forums Support [Support request] I’d like to horizontally align my header items on mobile specifically.

Home Forums Support I’d like to horizontally align my header items on mobile specifically.

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #1615047
    Brenan

    Hey guys πŸ™‚

    Is there a CSS code I can implement that would make the header horizontally align center on mobile only?

    Also is it possible to change the color of the social media icons only?

    Thanks guys!

    #1615066
    Leo
    Staff
    Customer Support

    Hi there,

    Any chance you can link us to the site in question?

    You can use the private information field.

    Let me know πŸ™‚

    #1615071
    Brenan
    #1615078
    Elvin
    Staff
    Customer Support

    Hi,

    Is there a CSS code I can implement that would make the header horizontally align center on mobile only?

    Can you specify with of the header’s content do you want horizontally centered? Screenshots would help a lot. πŸ™‚

    Also is it possible to change the color of the social media icons only?

    You’ll have to target them specifically with CSS.

    Try adding this:

    i._mi.fa.fa-instagram {
        color: #d6249f;
    }
    i._mi.fa.fa-facebook-official {
        color: #4267B2;
    }

    Replace the color value to your preference.

    A wise man once said:
    "Have you cleared your cache?"

    #1615110
    Brenan

    Here it is https://imgur.com/NPzAei8

    Just want it in the middle on mobile only

    #1615112
    Brenan

    The icons worked stellar. Found some CSS online to give it that gradient Instagram look too πŸ™‚

    #1615119
    Elvin
    Staff
    Customer Support

    Here it is https://imgur.com/NPzAei8

    Just want it in the middle on mobile only

    You can add this CSS:

    @media(max-width:768px;){
    .inside-page-hero {
        text-align: center;
    }
    }

    This is how it would look like:
    https://share.getcloudapp.com/L1uOwvLN

    A wise man once said:
    "Have you cleared your cache?"

    #1615132
    Brenan

    Thanks Elvin,

    For some reason it’s not changing anything. I’m not experienced enough to diagnose what could be going wrong..

    Looking forward to hearing from you πŸ™‚

    #1615137
    Elvin
    Staff
    Customer Support

    For some reason it’s not changing anything. I’m not experienced enough to diagnose what could be going wrong..

    Ah right that’s my bad. There’s a syntax error on the CSS I’ve provided. (extra ; on media rule).

    Try this instead:

    @media(max-width:768px){
    .inside-page-hero {
        text-align: center;
    }
    }

    A wise man once said:
    "Have you cleared your cache?"

Viewing 9 posts - 1 through 9 (of 9 total)
  • You must be logged in to reply to this topic.