[Resolved] Shop style customization

[Gurer]

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

[David]

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 ?

[Gurer]

Many Thanks

[David]

You’re welcome

[Author]

Posts