Thank you Mike, that did the job!!! :)

It probably did! Thank you both! I’ll have to check it asap and get back to you.

Best,
Frederik

Hi Mike,
So great! That did the job perfectly! Much better than to change the svg… Thank you so much Mike. 5 stars support :)

BR,
Frederik

Hi Mike,

They work “alright”. But I would like to alter the size of them on mobile and could not get the media query (last of Ismaels code above) for the colors to work. But I better check all my code before bothering you :)

I’m thinking it might be due to how they are implemented in the table cells:
<p> <span class=”yellow”></span><span class=”petrol”></span><span class=”pearl”></span><span class=”sand”></span><span class=”white”></span></p>

…but they work on desktop.

Hi Ismael,

Thankyou, really appreciate it! Cant get the media query for the color dots to work. Well, I’ll probably missing something! :) I’ll work with this. Thankyou!!

/Frederik

Hi Ismael,

Apologies. Page is avalable now.

Issue: The table changes a lot from 767pixels and below. I wish it to look something like the image provided.

BR Frederik

Hi Rikard,

Strange. I deactivated some one.com plugins, now it works! Please check again…

Br Frederik

Hi Ismael,

Oh sorry, of course :) Disabled maintenance mode now.

Basicly, I just want the tabs to look like tablet and desktop breaks, like the image link provided. It seems to use other code for the mobile break?
How can I adjust mobiel tab look?

This is my custom code:

/*TAB SECTIONS*/
.av-tab-section-container {
background-color: #ffffff;
}
.av-tab-section-tab-title-container {
background-color: #ffffff;
}
.av-inner-tab-title {
font-family: baskerville-urw, serif;
font-size: 0.9em;
line-height: 1.5em;
font-weight: 300;
font-style: italic;
text-transform: none;
display: block;
margin-top: 7px;
margin-bottom: 0px;
margin-left: 0px;
background-color: transparent;
}
.av-active-tab-title .av-inner-tab-title {
position: relative; /* Ensure proper positioning */
}
.av-active-tab-title .av-inner-tab-title::after {
content: “”; /* Empty content for pseudo-element */
position: absolute; /* Position the line */
left: 0; /* Align with the text */
right: 0; /* Align with the text */
bottom: -3px; /* Adjust the space between text and line */
border-bottom: 1.5px solid; /* Create the line */
}
/*Remove greyscale from inactive tabs*/
.av-tab-section-image {
filter: opacity(100%) !important;
}
/*Increase tab spacing*/
#top .av-section-tab-title {
padding-right:7px!important;
padding-left:7px!important;
}

Thanks Nikko,
I’ll consider that! :)

Best,
Frederik

Hi Ismael,

Thankyou just what i’m looking for. Can’ t get the “Active submenu highlight” to work though. Does the JS function script go in “functions.php” or “functions-enfold.php”?

Best Frederik

Ismael, the genius white baby seal… you’re the best. Really thankfull for this support from all of you.

The only thing I’m missing now is the blackening of the search icon hover state. I’m trying to figure it out, but if you should have a quick solution in mind, don’t hesitate to write :)

Hi Ismael and thankyou. Somehow it affects my transparant headers as well – making the links black on them as well….

BR,
Frederik

Hi Ismael,

Yes, that’s acceptable thank you. But the optimal solution would be if it aligned with the edges of the site. Perhaps using something like the columns feature “Space Between Columns”. Perhaps in future releases :)

BR,
Frederik

Hi Rikard,
Yes sorry, here’s the urls…

also, can I rename the slug so it’s not called “xxx/portfolio-item/xxx”?

/Frederik

Hi Ismael,

Thank you Ismael. I managed to make it work with Social Bookmarks visible on mobile below the flyout/mobile menu.

I had to remove the comment (/* Add your Mobile Styles here */) to make it work though. Strange since it should not read that, but it made the difference.

Note: If you can refer to code that put/places the Social Bookmarks within the flyout/mobile menu, I might consider using that instead.

Consider this case closed, and thank you again :)