Hi Jordan

Multiple post, and pages with the same color sections (only-desktop and only-mobile).

All the best,
Pascal

PS: Sorry for my stupid englisch, i leaving in Switzerland (swiss german part)

Hello Jordan,
I have found a solution to resize the CSS of woocommerce by myself as below:

.woocommerce-loop-category__title {
font-size: 19px;
text-align: center;
padding-top: 5px;
}

Thank you. :)

Regards,
Nicole

Hi

On this same question, on the mobile version could you tell me how to stack the header content in this order …

Logo at top and centered

Social buttons underneath logo on left and 3-bar menu on right

Many thanks

Gerry

Hi Jordan
Sounds good, so i installed like your description, but it does not work. Hmmm what did i wrong? https://reneechabot.com/fix-foto-london-2/
And 2. question, could use the only-mobile and only-desktop and differnts post?
All the best, Pascal

Hi, were you able to help re:

I changed font to Lora on site I’m building for a client. I can see it ok but they just see o’s where menu is and where text is on page. Do you know how this can be fixed?

Also, how do I add a 3 bar menu to the site (top right of header area?

Thanks for your help

Gerry

View post on imgur.com

Hey guys – can you please help me to get this menu deactivated A and bring B to the top of the sidebar. thank you. i do not find the error ;(

You are a star Nikko, that worked perfectly :)

However, the mobile version is showing a white bar at the top (when the page is set to have a transparent bar) and we can not see the mobile icon anymore because I guess it is also white (in a white background). Please check the page in PVT.

I would like to remove that white bar permanently, from both desktop and mobile versions and make it always transparent.

I was using this code from Mike:
.header_color .header_bg {background-color: transparent!important; }

Is there anything we can add to get all sorted out?

Many thanks.

Hey Rikard,
this was a missunderstanding. Sorry! I am talking about a vertical offset which occurs on mobile devices.
Please check the links I habe provided with this service request. You will see that it works fine on Desktop Browsers, but there will be an vertical offset on mobile devices.
Regards,
Bernd

Hi!

This seems to work to hide these elements on the desktop site. Is this correct?

/*Hide Team Profiles on Desktop Site*/

@media only screen and (min-width: 767px) {
.team_image_1 { display: none !important; }}

@media only screen and (min-width: 767px) {
.team_image_2 { display: none !important; }}

@media only screen and (min-width: 767px) {
.team_image_3 { display: none !important; }}

@media only screen and (min-width: 767px) {
.team_image_4 { display: none !important; }}

Thank you,

Jas

• This reply was modified 8 years, 10 months ago by Jasmer.

Yigit, I agree that the only change is the Grid Row element at the top but shopb page is not functioning or rendering correctly like shop page (WOO commerce default page). On the right sidebar, Shopb does not show the product attributes via the widget. It also does not show the price filter on the right sidebar so there are discrepancies like this. It only shows these if it is changed to the the WOO commerce shop page. In summary, customization is not fully possible for either the default WordPress page or the custom page I created and the workaround provided is one that is in beta. I ma referring tot he workaround that allows one to edit the default WOO commerce shop page.