Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • February 11, 2021 at 2:52 pm #1279765
    jacobedgren4

    Hiya
    I have 3 Google maps in a Tab Section (3 labels) and i need them to be full width, no padding left or right. I saw this post (
    #883523) and it solved half of my problem. On my computer the maps are full width. Not on mobile divices though. Any quick CSS would be greatly appreciated.

    Jacob

    February 12, 2021 at 6:43 pm #1280139
    Victoria

    Hey jacobedgren4,

    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

    
@media only screen and (max-width: 767px) {
    .responsive #top #wrap_all .av-layout-tab-inner .container {
        width: 100%;
        max-width: 100%;
    }
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    February 12, 2021 at 6:50 pm #1280145
    jacobedgren4

    Hi Victoria
    It worked perfectly. Thank you for stellar support as usual.

    You can close ticket

    Jacob

    February 12, 2021 at 9:57 pm #1280188
    Victoria

    Hi Jacob,

    Glad we could help :)

    If you need further assistance please let us know.
    Best regards,
    Victoria

    January 24, 2022 at 4:30 pm #1336917
    Murielvillanueva

    Hi! I can’t have any exact topic that relies to my problem, so I just write it here.
    I have a Tab Section with 3 tabs. Each tab has 3 columns (1/5 – 1/3 – 2/5) and it shows beautiful.
    But when viewing the page on the phone it just cuts half of the content, it doesn’t modulate to show everything on the page.
    Also, it has different “space” depending on the Tab Section. The first one has some margins, the second one has some different ones and so on.
    Can you help me with that?

    January 25, 2022 at 4:19 am #1336959
    Rikard

    Hi Murielvillanueva,

    I’m not sure I can see that problem on my end, could you post a screenshot of what you are seeing on your end please?

    If you want to start a new thread, then please use this link, or click this button: https://imgur.com/a/AnoSPNb

    Best regards,
    Rikard

    January 25, 2022 at 2:47 pm #1337080
    Murielvillanueva

    So I don’t know what you did but it actually worked. Now we see it exactly as we wanted.
    But we have the same problem with the same page but the translated one. I’m attaching two screenshots, the computer one and the adaptation to mobile device.

    Thank you so much

    January 26, 2022 at 12:38 pm #1337252
    Rikard

    Hi Murielvillanueva,

    Thanks for the update. We didn’t do anything to your site, so I can’t say what changed unfortunately.

    Your new problem; the screenshots you posted are not working, and the link to the page leads to a 404 page. Please check and post again.

    Best regards,
    Rikard

    February 2, 2022 at 5:28 pm #1338515
    Murielvillanueva

    Hi Rikard,
    I am not sure of how I can upload any pictures in here, but I’ll try through Googl Drive link.
    So this is our web right now:
    https://drive.google.com/file/d/18NkEUVx073Kf6kKLFOBbURP30tTCAAjj/view?usp=sharing

    Then this is how it is supposed to be seen on a mobile device:
    https://drive.google.com/file/d/1Izep_OUQ-GZ9KVnmQZC21d0FfuChje-G/view?usp=sharing

    And this is how it actually looks like:
    https://drive.google.com/file/d/1Z7h_Hf0vDXkRNeF9LvwSu15dxbu65DqU/view?usp=sharing

    Please help us out with this! It feels like broken HTML or something…

    Thank you so much,
    Muriel

    February 3, 2022 at 4:59 am #1338602
    Rikard

    Hi Muriel,

    Thanks for that. Please open a new thread and include WordPress admin login details in private, so that we can have a closer look at your site. If you could include the screenshots in the new thread, then that would be appreciated as well.

    Best regards,
    Rikard

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