1. PROMO Subscribe our All Access Pass @ 75% OFF & access all our 16+ premium Divi extensions: Divi Block Pro, Carousel Toolkit, etc.LEARN MORE
Dismiss Notice
NEW Divi.Help Pro Carousel AI Toolkit - Magically turn your Divi design into carousel, simply by using our online toolkit. No plugins needed. Now it works with Divi 5 as well!Try our carousel AI toolkit
BEST Divi Block - A revolutionary drag & drop tool to easily mix & match 960+ premade blocks (Light & Dark) to kick start your Divi site design. Special module designs are included as well. Also newly added AI generator & color. Now it works with Divi 5 as well!
Learn More About Divi BlockFree Version ~ 340+ Free Blocks

Solved Links Not Working on Mobile

Discussion in 'Free Divi Community Forum' started by Brittany Evans, Apr 29, 2019.

  1. Brittany Evans

    Brittany Evans New Member

    We're having problems with links not working on mobile but only in sections/rows that aren't full-width.

    The best example is this page: http://ritchiecenter.du.edu/students/club-sports/officer-information-forms/

    This happens in multiple places on the page, but the easiest place to see it is the final row ("All Forms"). On desktop, all of those links work. But if you open the page on mobile, the links in the first two 1/3 sections stop working. The links in the last 1/3 section still work fine. (So on mobile, all of the links underneath "Manuals" and "Forms" aren't working, and only the links under "Forms" beginning with "Donation Form" work.)

    It happens on all pages that have the split row structure, too. It's not isolated to this page.

    We've tested this on several mobile devices, and we're having the same problem. When you adjust the browser width in Chrome, IE and Firefox, the same thing happens, so we don't think it's an OS or device problem but rather something with the mobile breakpoints.

    Any ideas what's causing this?
     
    #1 Brittany Evans, Apr 29, 2019
    1. PRO MEMBER PERKS Divi.Help Layout AI Generator - Try the power of AI to generate a custom Divi layout for you:Try Now
  2. Divi.Help

    Divi.Help Administrator
    Staff Member

    It seems to be caused by OTW Grid plugin. Try the below CSS in Divi > Theme Options > Custom CSS to fix it:
    Code:
    Log In or Sign Up to view this code.
     
    #2 Divi.Help, Apr 29, 2019
  3. Brittany Evans

    Brittany Evans New Member

    That seems to have fixed it! Thank you!
     
    #3 Brittany Evans, Apr 30, 2019
    1. PRO MEMBER PERKS Divi.Help One-Page Layouts - Beautifully crafted one-page Divi layouts just for you:View All Layouts
  4. Jiten

    Jiten New Member

    This does not fixed mine same issue even after updating the theme
     
    #4 Jiten, Dec 16, 2020
  5. Divi.Help

    Divi.Help Administrator
    Staff Member

    Kindly share your URL.
     
    #5 Divi.Help, Dec 18, 2020
    1. PRO MEMBER PERKS Divi Block Pro - Premade gradient text design for your Divi site without using any plugins:View Demo
  6. ShroomsMrka

    ShroomsMrka New Member

    #6 ShroomsMrka, Apr 1, 2021
  7. Divi.Help

    Divi.Help Administrator
    Staff Member

    #7 Divi.Help, Apr 7, 2021
    1. PRO MEMBER PERKS Divi.Help Pro Layout Packs - Agency Divi layout pack featuring unique comment design on single blog post page:View Demo
  8. Christin Ahlers-Menke

    Christin Ahlers-Menke New Member

    travelwithtina.de it didn’t help with my website. On my smartphone the links About, Blog and Home don’t work in the footer
     
    #8 Christin Ahlers-Menke, Jan 7, 2025
  9. Divi.Help

    Divi.Help Administrator
    Staff Member

    Go to edit your footer at WP Admin > Divi > Theme Builder > Global Footer.

    Go to the text module settings that holds the menu items.

    Basically, your issue is due to the responsive setting, where you set it to have only text in the tablet view.
    **Switch to tablet view & reset the content. Same goes for the mobile view. Then turn off the responsive settings.

    upload_2025-1-8_14-24-49.png
     
    #9 Divi.Help, Jan 7, 2025
    1. PRO MEMBER PERKS Divi Ultimate Header Plugin - Add more varieties for your Divi header (12 premade styles) + menu hover effects:Learn More
  10. Christin Ahlers-Menke

    Christin Ahlers-Menke New Member

    that kind of worked but not with the “mehr erfahren” button
     
    #10 Christin Ahlers-Menke, Jan 8, 2025
  11. Divi Booster

    Divi Booster Divi Expert

    The "Hey, Ich bin Tina" section with the "mehr erfahren" button is being covered up by parts for the "Travel with Tina" section which (invisibly) extend down beyond the visible part of that section.

    I think it may be mainly due to the 100px font-size / 3.9em line height set on the (empty) fullwidth header content on mobile. You may be able to solve it by reducing these values, though I'm not sure if that is the only source of extra height.

    Another approach that may be easier is to set the z-index of the "Travel with Tina" section to be a value such as "0" which will layer it behind the "Hey, Ich bin Tina" section and avoid all such issues. You can set the z-index at:

    Section Settings > Advanced > Position > Z-Index

    Hope that helps!
     
    #11 Divi Booster, Jan 8, 2025
    1. PRO MEMBER PERKS Divi.Help One-Page Layouts - Beautifully crafted one-page Divi layouts just for you:View All Layouts
(You must log in or sign up to post here.)