Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • February 26, 2024 at 11:16 pm #1435502
    Qgrafica_7

    Good evening,
    i have 2 problems on my web-site:
    – I’m trying to set a video element to display 100% width on mobile and i can’t figure out how
    – On the page, all title texts are displayed as capital letters only on mobile, while on desktop they are correctly displayed.

    Adding additional info on private content

    February 27, 2024 at 7:08 am #1435525
    Ismael

    Hey Qgrafica_7,

    Thank you for the inquiry.

    1.) Have you tried using the Layer Slider element? Add a Video layer or element, then enable the Background Video option in the Layer Settings > Video Audio > Media Options panel.

    2.) Would you mind providing a screenshot of the issue? You can adjust the style of the title in the Enfold > Advanced Styling panel.

    Best regards,
    Ismael

    March 1, 2024 at 5:44 pm #1436003
    Qgrafica_7

    Hi,
    i will try with a layer slider element.
    Attaching screenshots for the other problem in the private content.

    Thank you

    March 3, 2024 at 4:46 pm #1436143
    Mike

    Hi,
    Thank you for the link to your site, the reason your “Benvenuto” title is two different cases is because you are using two different elements, the mobile one is inside of the entry-content-wrapper container so the default css makes it uppercase, while the desktop version is outside of the container in another color section so the css doesn’t work there.
    So to solve you can try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

    .template-page .entry-content-wrapper h1, .template-page .entry-content-wrapper h2 {
    text-transform: lowercase;
}

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    March 4, 2024 at 4:46 pm #1436280
    Qgrafica_7

    Thank you very much, the video on the cell phone works.
    Regarding the capital letters, when inserting the CSS you provided, everything becomes lowercase, including the first letter of the word. Could you help me with this?
    Thank you very much.

    Waiting for a response.

    March 4, 2024 at 5:42 pm #1436291
    Mike

    Hi,
    Please try this instead:

    .template-page .entry-content-wrapper h1, .template-page .entry-content-wrapper h2 {
    text-transform: none;
}

    Then clear your browser cache and any cache plugin, and check.

    Best regards,
    Mike

    March 5, 2024 at 10:31 pm #1436422
    Qgrafica_7

    The code does the trick, thank you very much.

    One last thing, on mobile since i don’t want the menu for this website i disabled the burger menu with this CSS code:
    .av-burger-menu-main { display: none !important; }
    And it works, but it centers the title image as if the burger menu was still there (so it appears de-centered toward the left side).
    How can i center the title entirely?
    Thank you very much

    March 5, 2024 at 10:44 pm #1436423
    Mike

    Hi,
    Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

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

    Best regards,
    Mike

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.