Text menu on footer changing sizes on Shop pages

This topic has 20 replies, 3 voices, and was last updated 2 years, 5 months ago ago by Rose Tyler

  • Avatar: Jef
    filmguerilla
    Participant
    June 7, 2021 at 15:48

    Hi guys, just found this weird problem.

    Why is my footer menu changing sizes on shop and product pages?

    http://prntscr.com/14ji6te

    other pages http://prntscr.com/14jikuj

    19 Answers
    Avatar: Jef
    filmguerilla
    Participant
    June 7, 2021 at 17:43

    Found the fix. Using the YellowPencil plugin..

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    June 8, 2021 at 07:05

    Hello,

    Let us know if you need any other assistance.

    Regards

    Avatar: Jef
    filmguerilla
    Participant
    July 17, 2021 at 15:13

    Hello, jjust an update. dunno what happened here.

    It seems like the footer menu is different in tablet view than the phone view.

    I would like to have the footer in tablet same as in mobile view.

    http://prntscr.com/1c7jwnl

    http://prntscr.com/1c7l1gj MObile view

    Thank you!

    Avatar: John Holden
    John Holden
    Support staff
    July 17, 2021 at 18:03

    Hello

    kindly change the view on tablet mode by going to Dashboard > Static Block and make changes on your require footer section or send us your website wp logins so that we will check your issue .

    Regards

    Avatar: Jef
    filmguerilla
    Participant
    August 26, 2021 at 06:52

    hello guys, sorry for not replying here. i’m still having problem with tablet mode on footer nav.
    Please check.

    http://prntscr.com/1qj8phi

    http://prntscr.com/1qj8po5

    Login details in private content.

    Please contact administrator
    for this information.
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    August 26, 2021 at 13:44

    Hello,

    Do you want to get such a result – https://gyazo.com/6465a1ca1cdcc75c54988eb8bc765f6b on Tablet OR logo and menu exactly as on Mobile?

    Regards

    Avatar: Jef
    filmguerilla
    Participant
    August 27, 2021 at 09:31

    Hi Rose,

    Logo and Menu exactly as Mobile please. How can we do it? Thank you very miuch..

    Same as this please https://prnt.sc/1qj8po5

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    August 27, 2021 at 12:44

    Hello,

    I’ve edited your “Footer – OTC Store Elementor 2” static block. Please clear cache and check the footer now.

    Regards

    Avatar: Jef
    filmguerilla
    Participant
    August 27, 2021 at 14:44

    All good on mobile and Ipad but on ipad pro it has problem

    http://prntscr.com/1qm667v please check. Thank you!

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    August 27, 2021 at 15:37

    Fixed. Check now

    Regards

    Avatar: Jef
    filmguerilla
    Participant
    August 27, 2021 at 16:52

    Thank you!

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    August 28, 2021 at 08:08

    You’re welcome!

    Regards

    Avatar: Jef
    filmguerilla
    Participant
    September 1, 2021 at 00:58

    Hi rose, another problem with the nav on table and phone view.

    http://prntscr.com/1qwv7kx

    the text nav rollover changed. πŸ™ im on the live site now..

    http://prntscr.com/1qwv7kx

    http://prntscr.com/1qwvb3w

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    September 1, 2021 at 08:07

    Hello,

    http://prntscr.com/1qxmum0 to get this on hover use the next custom CSS code ->

    .footer .menu-element .menu li a {
    position: relative;
    }

    Regards

    Avatar: Jef
    filmguerilla
    Participant
    September 1, 2021 at 08:40

    should i delete some css for the footer nav hover? not sure iif there was one when you fixed the site before.

    before migrating the nav hover was fine. not sure also what happened here..

    Avatar: Jef
    filmguerilla
    Participant
    September 1, 2021 at 08:43

    found the code

    /* Footer Hover Nav */
    
    .footer .menu-element .menu li > a {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .footer .menu-element .menu li {
        margin-left: 1.07em !important;
        margin-right: 1.07em !important;
    }
    .footer .menu-element .menu li > a:before {
        content: '';
        height: 2px;
        width: 0;
        right: 0;
        position: absolute;
        transition: width .2s ease-in-out;
        bottom: 0;
        background: currentColor;
    }
    .footer .menu-element .menu li > a:hover:before {
        width: 100%;
    }

    http://prntscr.com/1qxpbgt

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    September 1, 2021 at 10:28

    Hello,

    No, do not edit that code, just add the new one.

    Regards

    Avatar: Jef
    filmguerilla
    Participant
    September 1, 2021 at 12:47

    will gonna check now. thanks guys!

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    September 1, 2021 at 14:23

    You’re welcome!

    Regards

  • Viewing 20 results - 1 through 20 (of 20 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.