Hi dreamreader,

Please try to replace the content with:

<a href="https://www.cliff-potts-golfacademy.com/academy/golfreisen/">Golfreisen Herbst 2023 aktualisiert</a>

Hope it helps.

Best regards,
Nikko

Hi Beat,

I’m glad that we could help you :)
Thanks for using Enfold and have a great day!

Best regards,
Nikko

Hi BenjaminSpeedtsberg,

I think the reason for the issue you mentioned is caused by this CSS code:

#top.single .container {
    padding: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
}

You will need to make it more specific so it doesn’t affect other areas.
You can target the main area without affecting the header or footer section by replacing #top.single .container with #top.single #main .container

Best regards,
Nikko

Hi Munford,

Sure, please replace the code I previously gave with this one:

@media only screen and (max-width:767px) {
    .responsive #top .logo {
        width: 100%;
    }

    .responsive #top .logo img {
        margin-left: auto;
        margin-right: auto;
    }

    #top #av-burger-menu-ul {
        vertical-align: top;
    }

    .responsive #top #wrap_all #header {
        position: fixed;
    }  

    .responsive #top #wrap_all #main {
        padding-top: 80px !important;
    }
}

Best regards,
Nikko

Hi woogie07,

How would you style the button?
You can add this CSS code:

#top .av-section-tab-title {
    padding: 10px 10px 0;
}

#top .av-section-tab-title .av-outer-tab-title {
    background-color: #FFFFFF;
    border: 1px solid rgb(209,213,219);
    border-radius: 0.5rem;
    box-sizing: border-box;
    color: #111827;
    line-height: 1.25rem;
    padding: 0.75rem 1rem;
    text-align: center;
    text-decoration: none #D1D5DB solid;
    text-decoration-thickness: auto;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    cursor: pointer;
}


#top .av-section-tab-title .av-outer-tab-title .av-inner-tab-title {
    margin: 0;
}

#top .av-inner-tab-title, 
#top .av-tab-section-icon, 
#top .av-tab-arrow-container, 
#top .av-tab-section-image {
    width: 100%;
}

Maybe add an arrow icon above each tab header?
It’s possible, you can use this CSS code:

#top .av-outer-tab-title:before {
    content: '\e88b';
    display: block;
    font-family: 'entypo-fontello';
    font-size: 18px;
}

Best regards,
Nikko

Hi,

Yes, it’s possible, hex values are valid value, I just used color names for simplicity.
You can use this CSS code instead:

#top .team-member-name a:hover,
#top .team-member-job-title a:hover {
    color: #c01401;
}

Best regards,
Nikko

Hi Yaphoon,

Please do the following:
1. right-click over the file that looks like: themeforest-OjxFUk9U-enfold-responsive-multipurpose-theme-wordpress-theme zip file and extract/unzip it.
2. It should generate a new folder, open it and look for the enfold folder
3. Right-click the enfold folder then zip it, here’s a tutorial on how to create a zip file in windows: https://www.howtogeek.com/668409/how-to-zip-and-unzip-files-on-windows-10/ (this should create enfold.zip
Use enfold.zip when you add the theme in WordPress.

If you still need assistance, please include a login link for your website.

Best regards,
Nikko

Hi AgenturLanzinger,

Can you try adding this CSS code in Enfold > General Styling > Quick CSS:

#header #avia-menu #menu-item-1525 > a {
    display: flex;
    justify-content: center;
    max-width: 150px;
}

#header #avia-menu #menu-item-1525 > a > .avia-menu-text {
    display: flex;
    align-items: center;
}

#header #avia-menu #menu-item-1525 > a > .avia-menu-text img {
    max-width: 60px;
    max-height: 60px;
}

Hope it helps.

Best regards,
Nikko

Hi woogie07,

We can continue the discussion on this thread: https://kriesi.at/support/topic/tab-section-27/

Best regards,
Nikko

Hi Sara,

I’m glad that Ismael could help you :)
Thanks for using Enfold and have a great day!

Best regards,
Nikko

Hi Munford,

Thanks for that, please try to add this CSS code in Enfold > General Styling > Quick CSS:

@media only screen and (max-width:767px) {
    .responsive #top .logo {
        width: 100%;
    }

    .responsive #top .logo img {
        margin-left: auto;
        margin-right: auto;
    }

    #top #av-burger-menu-ul {
        vertical-align: top;
    }
}

Let us know if it helps.

Best regards,
Nikko

Hi woogie07,

There’s no auto rotation for it.
Maybe make the tab headers look like a button would help?

Best regards,
Nikko

Hi dablec,

Yes, there’s an easy way for that (I’m assuming you’re using gallery or masonry gallery).
Basically you’ll have two image galleries, one for mobile and one for all other devices like desktop.
The first gallery for all other devices (horizontal gallery), edit it and go to Advanced > Responsive > Element Visibility (here’s a screenshot)

Check only Hide on very small screens (smaller than 479px – eg: Smartphone Portrait)

Then on the second gallery (gallery for mobile), edit it as well and go to Advanced > Responsive > Element Visibility and check all options except Hide on very small screens (smaller than 479px – eg: Smartphone Portrait)

Hope this helps.

Best regards,
Nikko

Hi Beat,

Please try to add padding on Rikard’s code, it should look like this:

.page-id-2343 #element_avia_10_1 .input_checkbox_label {
    line-height: 22px;
    margin-top: -3px;
    padding-left: 25px;
}

Best regards,
Nikko

Hi Munford,

I tried to login using the credentials you gave however it returns this error:

Error: The username is not registered on this site. If you are unsure of your username, try your email address instead.

Please check.

Best regards,
Nikko