Results 1 to 8 of 8
  1. #1
    Join Date
    Feb 2007
    Location
    Pennsylvania
    Posts
    109
    Plugin Contributions
    0

    Default Custom Header Links Problem (Mobile)

    Hope someone has some advice. I have a client using version 1.5.4 of Zen Cart. An upgrade is going to be done soon but we have a slight issue in the meantime. The header has custom links on the right side. They are not working in mobile. They have worked when I looked on my phone (Iphone X Max) but it is random. Other people using various phones cannot get those links it brings you back to the the main page. Any ideas what the issue may be. http://theblingthing.com
    Thanks in advance.

  2. #2
    Join Date
    Sep 2009
    Location
    Stuart, FL
    Posts
    9,393
    Plugin Contributions
    72

    Default Re: Custom Header Links Problem (Mobile)

    Something in your template's handling of those right-side "map" elements is setting the href in those links to all point to the site's base. If you've got a /common/tpl_header_mobile.php (or something similar) that's where I'd start looking.

  3. #3
    Join Date
    Feb 2007
    Location
    Pennsylvania
    Posts
    109
    Plugin Contributions
    0

    Default Re: Custom Header Links Problem (Mobile)

    Thanks. I will check that tonight.

  4. #4
    Join Date
    Feb 2007
    Location
    Pennsylvania
    Posts
    109
    Plugin Contributions
    0

    Default Re: Custom Header Links Problem (Mobile)

    So there apparently is no mobile template. The links are in the html_header.php in common under the template.
    This is what is in there:
    <!--Header Link Begins-->
    <map name="header-link">
    <area shape="rect" coords="754,55,1000,93" href="index.php?main_page=page&id=9" target="_blank" alt="upcoming events">
    <area shape="rect" coords="754,140,998,179" href="index.php?main_page=page&id=2" alt="Join Our Mailing List">
    <area shape="rect" coords="755,183,995,222" href="http://blog.TheBlingThing.com" alt="Visit Our Blog">
    <area shape="rect" coords="756,97,871,136" href="shopping-cart" alt="Shopping Cart">
    <area shape="rect" coords="877,97,998,136" href="my-account" alt="Your account information">
    <area shape="rect" coords="246,4,717,216" href="index.php" alt="home page" />
    </map>
    <!--Header Link End-->
    So it looks like there is really no setup for mobile itself on those header links

  5. #5
    Join Date
    Sep 2009
    Location
    Stuart, FL
    Posts
    9,393
    Plugin Contributions
    72

    Default Re: Custom Header Links Problem (Mobile)

    That's weird, perhaps some javascript and/or jQuery getting in the middle? When I view the link you provided using FireFox's responsive viewer/mobile mode, I see that all those links have been converted back to the site's main page.

  6. #6
    Join Date
    Feb 2007
    Location
    Pennsylvania
    Posts
    109
    Plugin Contributions
    0

    Default Re: Custom Header Links Problem (Mobile)

    Yup. Will dig a bit deeper and see what I can find.

  7. #7
    Join Date
    Feb 2007
    Location
    Pennsylvania
    Posts
    109
    Plugin Contributions
    0

    Default Re: Custom Header Links Problem (Mobile)

    Strangely enough it seems to be a mobile size issue. If you change mobile view to anything higher then a phone (ie; tablet) it shows the links.

  8. #8
    Join Date
    Jan 2019
    Location
    New Zealand
    Posts
    30
    Plugin Contributions
    0

    Default Re: Custom Header Links Problem (Mobile)

    Hi ravynw,
    You have mapped your image with area coordinates which works great on desktop. But for mobile viewing you have reduced the image map size, yet have not changed the area coordinates to match the new map size.

    Regards raptar

 

 

Similar Threads

  1. Custom links in header.jpg
    By austy25 in forum Templates, Stylesheets, Page Layout
    Replies: 0
    Last Post: 21 Jan 2009, 08:09 PM
  2. Change Links in Custom Logo/Header?
    By SweetwaterLane in forum Templates, Stylesheets, Page Layout
    Replies: 18
    Last Post: 15 Sep 2008, 09:23 PM
  3. HEADER PROBLEM! custom horizontal navigation bar
    By aruleal in forum Templates, Stylesheets, Page Layout
    Replies: 0
    Last Post: 28 Jul 2008, 07:31 AM
  4. Adding custom header links
    By chuender in forum Templates, Stylesheets, Page Layout
    Replies: 4
    Last Post: 16 Jan 2007, 10:59 PM

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
disjunctive-egg
Zen-Cart, Internet Selling Services, Klamath Falls, OR