Archived topic

Shop style customization

3 replies · Started by Gurer on May 5, 2020

Viewing posts 1–4 of 4

May 5, 2020 at 4:00 am #1270216

Hi,
1- I need the css code to move cart to right on mobile. Can you please write?
I used this code so far but didn't help.

Screenshot: https://ibb.co/mGf6jyD

#mobile-header .site-logo {
position: absolute;
left: calc( 50% - 90px); /* 50% from the left - half your image width */
}

#mobile-header button.menu-toggle {
position: absolute;
left: 0;
}

2- I want to use a full width image below header in every page and custom images in some of them.
Page title and breadcrumps will show inside it.
How can I do this?
Example: https://ibb.co/QJ9M76G

3- There is no product list showing option in shop page. How can I add it?
https://www.tema4.wpdemopark.com/magaza/
It in displays in grid.

4- Order by price is not working in shop. How can I correct it?
https://www.tema4.wpdemopark.com/magaza/?orderby=price

Thanks

May 5, 2020 at 5:31 am #1270337

Hi there,

1. Replace this CSS:

#mobile-header button.menu-toggle {
    position: absolute;
    left: 0;
}

with:

#mobile-header button.menu-toggle {
    order: -1;
    margin-right: auto;
}

2. You can use a Header Element:
https://docs.generatepress.com/article/header-element-overview/

3. That is not an option - it would require custom development.

4. Can you try disabling other plugins to check for conflicts ?

May 6, 2020 at 1:41 pm #1272744

Many Thanks

May 7, 2020 at 4:25 am #1273450

You're welcome

This archived topic is closed to new replies.

Start building better websites today.