Responsive Mode Shopin Template Layout - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!
Back to the questions

Responsive Mode Shopin Template Layout

M

Mark

Template 3 years ago

I have a problem with shopin template tried for many hours to fix but beyond my knowledge.

In tablet and mobile view menu and search/account icons show below header.

I have tried to enter css in custom css but not working. Also not sure if column layouts are correct in template.

The code I have added is in the custom.css file starts line 270.

0
6 Answers
Order by
Oldest Newest Votes
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 3 years ago #80778

Use this custom CSS

@media (max-width: 820px){
div#sp-top1 {
    position: relative;
    bottom: 212px !important;
}
}
0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 3 years ago #70348

Hi

Thanks for contacting us. You can use this custom CSS

.sp-megamenu-wrapper{
  margin-top:0px !important;
}
#sp-top1{
      padding: unset !important;
}


@media (max-width: 820px){
  div#sp-top1{
      position: relative;
    bottom: 140px;
}

#offcanvas-toggler{
        position: relative;
    bottom: 65px;
  right:10px;
}
.sp-module.top-search{
          position: relative;
    bottom: 65px;
  right:10px;
}
}

Path towards custom CSS: Extensions>Templates>Styles> Click on your current default template name then choose Template Options. Then find custom CSS within the custom code.

-Regards.

0
M
Mark
Accepted Answer
3 years ago #70680

Thanks for your reply I have added the code to the custom.css file but the cart doesn't show or shows of the page when clicked. Do you have a fix please

Regards Mark

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 3 years ago #70686

It seems ok on my end. Could you please give me a screenshot of your issue?

0
M
Mark
Accepted Answer
3 years ago #79707

Hello Mehtaz sorry for the delay

When viewing in mobile view and clicking or hovering the cart icon it should show cart however it does not. j2store-cart-info open it shows normally on tablet and fullscreen.

Thanks regards Mark

0
M
Mark
Accepted Answer
3 years ago #80671

Hello Mehtaz

See video here with problem. https://www.youtube.com/watch?v=yE8avf1d_MU

Thanks regards Mark

0