Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1114249

    Dear Support Team!

    As you can see in the link in the private content the tab section is not horizontally centered in the middle of the screen,

    I increased the padding of the tabs with the following code (as suggested in you Enfold documentation). How do I center the tabs horizontally?

    /*------------------------------
    // CSS - Increase tab spacing
    //------------------------------*/
    @media only screen and (min-width: 990px) {
    #top .av-section-tab-title {
        padding-right:100px!important;
       
    }
    }

    Thanks in advance!

    Best regards,

    Dominik

    #1114485

    Hey Troom94,

    Could you please attach a mockup of what you’re trying to achieve?

    Do you mean you want the images lower?

    Best regards,
    Victoria

    #1114881

    Hey Victoria!

    I attached an image to the private content section. There you can tell by the red line that the middle tab is not in the center of the screen.

    Best regards,

    Dominik

    #1115047

    Hi Dominik,

    Thanks for the screenshot. Please try the following in Quick CSS under Enfold->General Styling:

    @media only screen and (min-width: 990px) {
    #top .av-section-tab-title {
        padding-right: 50px!important;
        padding-left: 50px;
    }
    }

    Best regards,
    Rikard

    #1115143

    Hey Rikard!

    I actually tried the same thing but it didn’t work last time. But now it works. Seems like I forgot to flush the cashe or didn’t use ‘!important’ last time.

    Thanks a lot! This can be closed :)

    Best regards,

    Dominik

    #1115341

    Hi Dominik,

    Great, I’m glad that you got it working and thanks for the feedback. I’ll close this thread for now then, please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Center tab section horizontally’ is closed to new replies.