• Priority: High
  • Status: Closed
  • Theme: Alysum
  • Assigned To: Fred
  • Private: No
  • Open Date: 20.03.20, 09:57
  • Opened by: Emil Walczak
  • Closed by: Fred
  • Closed on: 26.03.20, 21:37
  • Reason: Closed
  • Comment: Glad to help!

Ticket #17073 - Mobile version - fix bugs and edit theme

Hello,
In the previous application I learned that there will be problems with the AMP module due to our plugins such as PayU or GDPR x13.pl. I would like to quickly adapt the mobile version and start the store.

How to fix this problems:

1. Problem with pagebuilder (footer) - attach screenshot

In desktop version code fix:

@media (min-width: 1280px) {
    #pattern #footer .footerbuilder {
         margin-top: -50px;
    }
}

What can I add for fix in mobile version?

2. I would like to order a header modification for the mobile version? I attach a sample header

3. Add the basket icon in the bottom right corner as on the AMP version

Best Regards

Best Regards

Attachments:

Comments

Emil Walczak 20 Mar 2020, 09:58

Sample header

Attachments:

Emil Walczak 20 Mar 2020, 10:22

And sample footer but in color desktop footer :

Attachments:

Emil Walczak 20 Mar 2020, 10:22

And how to disable revolution slider in mobile version

Attachments:

Fred 20 Mar 2020, 17:08

I can't make exactly like on your screenshots, but I tried to make similar
Try following CSS:

@media (max-width:600px) {
.header-2 .row-inner > .row {display:flex}
.header-2 .row-inner > .row > .col-xl-3 {min-width:150px}
.header-2 .row-inner > .row > .col-xl-9 {flex-grow:1}
#header .header-2 .row-inner > .row > .col-xl-9 .icon-element > svg {display:block}
#header .header-2 .row-inner > .row > .col-xl-9 .icon-element > span,
#sisearch {display:none}
#header #search_widget .svgic {position:static}
#header .header-2 #search_widget {margin:0}
}
Emil Walczak 26 Mar 2020, 17:34

Thanks :)