Return to previous page

Text menu on footer changing sizes on Shop pages

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

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

#290166 Copied Theme version: 7.2.8 WooCommerce version: 5.3.0

19 Answers

filmguerilla

Participant

June 7, 2021 at 17:43

Found the fix. Using the YellowPencil plugin..

#290177 Copied

Rose Tyler

Support staff

June 8, 2021 at 07:05

Hello,

Let us know if you need any other assistance.

Regards

#290220 Copied

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!

#294614 Copied

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

#294630 Copied

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.

#300007 Copied

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

#300077 Copied

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

#300182 Copied

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

#300210 Copied

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!

#300229 Copied

Rose Tyler

Support staff

August 27, 2021 at 15:37

Fixed. Check now

Regards

#300236 Copied

filmguerilla

Participant

August 27, 2021 at 16:52

Thank you!

#300251 Copied

Rose Tyler

Support staff

August 28, 2021 at 08:08

You’re welcome!

Regards

#300279 Copied

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

#300790 Copied
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
#300812 Copied
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..

#300823 Copied
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
#300826 Copied
Rose Tyler

Support staff

September 1, 2021 at 10:28

Hello,

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

Regards

#300849 Copied

filmguerilla

Participant

September 1, 2021 at 12:47

will gonna check now. thanks guys!

#300873 Copied

Rose Tyler

Support staff

September 1, 2021 at 14:23

You’re welcome!

Regards

#300895 Copied
Viewing 20 results - 1 through 20 (of 20 total)