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
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
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
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
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