-
Posts
-
Hello,
Is there a way to have the tabs be scroll-able? Currently, especially on mobile, you have to click each tab in order for you to see whats next. Is there a way a person can scroll through the tabs in order to choose which topic they want to click?
Also, on my homepage, how do i get the TM to be smaller? Currently, on mobile it shows very big?
Hey Shiv722,
Sorry scrolling tabs is not an option right now, Please feel free to request – or vote if already requested – such feature on Enfold feature request form.
But I wrote some code to help :)
This is for tablets to bring the tabs closer together:@media only screen and (min-width: 768px) and (max-width: 1023px) { #top .av-section-tab-title { padding: 0px !important; } #top .av-tab-section-tab-title-container .av-section-tab-title { padding-right: 10px!important; }}This is for mobile to center the tabs and bring them closer:
@media only screen and (max-width: 767px) { .av-tab-section-tab-title-container.avia-tab-title-padding-default { left: -200px !important; } #top .av-tab-section-tab-title-container .av-section-tab-title { padding-right: 0px!important; } #top .av-section-tab-title { padding: 0px !important; }}As for your TM, I removed the span style and added a span class and wrote this css for mobile and desktop:
.tm {font-size: 40px !important; } @media only screen and (max-width: 767px) { .tm {font-size: 20px !important; }}adjust to suit :)
Best regards,
MikeMike,
AWESOME!! Thank you so much!
One more thing — the tagline on the header, on mobile view — is there a way to make sure the text will not go into the picture when the phone is vertically held?
And for the tabs – i adjusted the number a bit, however, some text is still cut off when i hold my phone vertically. I can see all tabs, but the first and last text is a bit cut off – anyway to fix this?
Hi,
Do you mean “PROTECTING INGENUITY” try this:@media only screen and (max-width: 767px) { .av-special-heading {width: 10%!important;}}Sorry I was unable to find a solution for the second part.
Best regards,
MikeHi Mike,
Yes, the Protecting Ingenuity, however, this code affects everything else. Anything that will just fix the Protecting Ingenuity tagline without affect every other heading?
Hi,
Opps, try this@media only screen and (max-width: 767px) { .avia-builder-el-1.av-special-heading {width: 10%!important;}}Best regards,
MikeThat works — lastly, is there a way to adjust the image i have on the homepage? Currently, the photo goes into the navigation cutting off the top of the persons head.
Is there a way to position the photo below the navigation so you can see the entire item?
And the tabs that i have adjusted with the code, on an iphone – when held vertically, it is still cutting off the Corporate and Advertising Law text. Is there a way that this text and the other text all be visible when held vertically on an phone?
Hi Shiv722,
Every time you comment, you put the thread to the end of the queue and this makes you wait longer. The tab titles are supposed to slide when you press on them. It’s weird that they don’t. Did you disable it somehow?
Can you give us temporary admin access to your website in the private content box below, so that we can have a closer look? There is now user name above.
Best regards,
VictoriaHi Victoria,
I didnt know that – thanks for lettig me know. I will not do that in the future.
No i did not disable them. The tab content will slide, however the issue i have is that in a vertical position on an iphone, the Titles of my tabs are cut off. I used the code above to try to fix tis, however, i still have this issue.
Second issue is that my main image on the homepage gets cut off in the navigation. I am using a color section and then a background image and as a temporary fix, i have added a white space seperator but that leaves a big space on a mobile view so that isnt really a permanant fix.
Hi,
Thank you for the update.
1.) Is it working if you remove the previous css modifications?
2.) Please use the following css code to adjust the focal point or focus of the background image.
@media only screen and (max-width: 767px) { /* Add your Mobile Styles here */ #bg1 { background-position: 50% 50% !important; } }Adjust the position value as needed.
Best regards,
IsmaelNo – both these options have not done anything? Tabs still are unable to scroll when a phone is in the “vertical position”
Hi,
No i did not disable them. The tab content will slide, however the issue i have is that in a vertical position on an iphone, the Titles of my tabs are cut off. I used the code above to try to fix tis, however, i still have this issue.
1. )The tabs are cut off because of the previous css modifications. Please remove those then purge the cache or hard refresh the page.
2.) I forgot to mention that you need to edit the color section and apply a Section ID to it. Use “bg1” for example then use the following css code.
@media only screen and (max-width: 989px) { /* Add your Mobile Styles here */ #bg1 { background-position: 50% 50% !important; } }Set the background repeat to “Stretch to fit”.
Best regards,
Ismael
- You must be logged in to reply to this topic.