-
AuthorPosts
-
February 21, 2019 at 1:22 am #1069751
Hi there,
I have problem with spacing in tab sections. In my home page i’m using tabs for a little nav menu (“I PIU’VENDUTI IMPRESSIONI I PUPI IL FICO D’INDIA LE TESSERE OBIETTIVI”). The space between each word is the same, but is not for one word “i pupi”where you can see different space. It seems that the space of this word is bigger than the others, so that space plus the padding let the nav menu appears unbalanced. Could you help me? I tried with a special class for the word “I PUPI” but it doesn’t work.
Thank youGuenda
February 24, 2019 at 2:11 pm #1070905Hey guenda84gg,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
#top .av-inner-tab-title, #top .av-outer-tab-title { width: auto; }
If you need further assistance please let us know.
Best regards,
VictoriaFebruary 25, 2019 at 12:00 am #1071053Hi Victoria,
thanks for your answer. Unfortunately it doesn’t work. I tried to put the code into quick css, but nothing. And I also tried to put the code into themes/enfold/css/custom.css and nothing. The problem is still there.
The spacing between the words “I PIU’VENDUTI IMPRESSIONI I PUPI IL FICO D’INDIA LE TESSERE OBIETTIVI ” is not uniform. I need less space between IMPRESSIONI <— I PUPI IL FICO D’INDIA —> LE TESSERE.
Do you have other advices?
Thank u so much
GuendaFebruary 27, 2019 at 2:39 pm #1072285Hi,
The css are compressed or merged, so that is why it’s not working. You have to toggle the Enfold > Perfomance > File Compression settings after adding that code.
Best regards,
IsmaelMarch 2, 2019 at 2:43 pm #1073608Hi!
Thank for your support. Unfortunately it still doesn’t work. The words are still at the same place with different space between them. I tried to modify the compression settings, then i added the code into the quick css and after no results i added the code into themes/enfold/css/custom.css , but nothing happens.Any other advices?
thanks a lot
March 5, 2019 at 3:37 am #1074610Hi,
Thanks for the update.
We missed the arrow container below the title. We added this code to adjust it.
.av-inner-tab-title, .av-tab-section-icon, .av-tab-arrow-container, .av-tab-section-image { width: auto; }
The spaces between the title are now equivalent.
Best regards,
IsmaelMarch 5, 2019 at 11:24 am #1074783Thank a lot Ismael!
Really thank u for your help!
May I ask an other question about this tab section? It is not responsive at all. How could I let it responsive?Thanks
GuendaMarch 6, 2019 at 5:15 am #1075255Hi Guenda,
How do you mean? A screenshot of the layout issues will probably help.
If you have the time, please open a new ticket or thread for new inquiries.Best regards,
IsmaelMarch 6, 2019 at 11:29 am #1075453This reply has been marked as private.March 10, 2019 at 1:02 am #1076860Hi,
Sorry for the late reply, Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:#av-tab-section-1 .av-tab-section-tab-title-container { width: 400px !important; max-width: 400px !important; min-width: 400px !important; }
Best regards,
MikeMarch 10, 2019 at 1:22 am #1076864This reply has been marked as private.March 10, 2019 at 1:33 am #1076866This reply has been marked as private.March 10, 2019 at 6:52 pm #1077083Hi,
Please try:@media only screen and (max-width: 999px) { #av-tab-section-1 .av-tab-section-tab-title-container { width: 99% !important; max-width: 99% !important; min-width: 99% !important; } }
Best regards,
MikeMarch 11, 2019 at 5:36 pm #1077430This reply has been marked as private.March 11, 2019 at 10:57 pm #1077540Hi,
Please provide a link to the site/page in question so we can look into that issue further.
Best regards,
Jordan ShannonMarch 11, 2019 at 11:12 pm #1077551This reply has been marked as private.March 11, 2019 at 11:34 pm #1077574Hi,
Add this to quick css:
.av-layout-tab{ vertical-align:top!important; }
Best regards,
Jordan ShannonMarch 11, 2019 at 11:47 pm #1077577This reply has been marked as private.March 11, 2019 at 11:59 pm #1077583This reply has been marked as private.March 12, 2019 at 2:35 pm #1077837This reply has been marked as private.March 14, 2019 at 8:57 am #1078590Hi guenda84gg,
The credentials did not work for me. Please update them so that we can check it further.
Best regards,
VictoriaMarch 14, 2019 at 11:29 am #1078646This reply has been marked as private.March 18, 2019 at 4:22 pm #1079948This reply has been marked as private.March 20, 2019 at 1:29 am #1080579This reply has been marked as private.March 20, 2019 at 3:16 am #1080623Hi,
Sorry for the late reply, the dev team has released the update today Enfold v4.5.5, please try updating your site to see if that corrects the large space.Best regards,
MikeMarch 20, 2019 at 3:18 am #1080624Hi,
how could I update the theme?
thanksMarch 20, 2019 at 6:57 am #1080673Hi,
In your theme settings, there is an “Update” option, please see this postBest regards,
MikeMarch 22, 2019 at 2:30 am #1081668This reply has been marked as private.March 23, 2019 at 4:31 pm #1082137Hi,
Thank you for updating, I have checked again and I’m not seeing the error I saw before, it is for mobile correct?
Please see the screenshot in Private Content area.Best regards,
MikeMarch 24, 2019 at 11:52 pm #1082411This reply has been marked as private. -
AuthorPosts
- You must be logged in to reply to this topic.