[leapb4ulook]

Worked perfectly! Thanks Mohammad.

[leapb4ulook]

Hi Mohammad

I have figured it out.

Thank you for all your help!

Amy

[leapb4ulook]

Hi Mohammad

Here’s a page: https://tlwatches.com/?p=10652&draftsforfriends=7spqdElAXmpsyrzAY0Z8dSMOE8IbD4qV

I’m having the same issue with the Twitter widget on https://tlwatches.com I want to change the layout to make it the same with as the text above it but it keeps moving to the LHS.

Thanks
Amy

[leapb4ulook]

Amazing, it worked! Thanks David.

[leapb4ulook]

Hi Mohammad

Thank you. This looks good on the home page. I still need to know how to replicate this across all pages on my site. I’m using a custom template called Blog post new. I can see you added an Extra Class ‘mynarrowrow’ to the home page. I put that in the extra class field on a new blog post I’m uploading but it hasn’t resolved the issue i.e. the post is still full page width.

Are you able to tell me what I need to do to ensure it looks the same on posts and other pages, should I use a different template for example or is something extra required in the CSS?

Thanks

[leapb4ulook]

Hi Mohammad

Thank you! I checked it and it looks good, but not quite resolved. The reason I’m having this issue with columns is because I need the text width to be narrower (see screenshot or link) on all content. I’m using the swift page builder columns as they allow narrower text width, but I need to be able to center these columns on all pages and posts.

See draft post here which is the same issue as the home page: https://tlwatches.com/?p=10700&draftsforfriends=GvlSeDHUEfHGP0fQdgZt0EbBiFAgBPsA

Can you explain your solution for me so I can replicate it?

Many thanks
Amy

Attachments:

You must be logged in to view attached files.

[leapb4ulook]

This reply has been marked as private.

[leapb4ulook]

Thanks, I’ve switched to the Swift page builder and toggled Carousel on and off – the products are still displying incorrectly on mobile <span style=”color: #ff6666;”>/browse-our-collection/pre-owned-rolex-precision</span>. I guess I should stick to carousel.

[leapb4ulook]

I tried that and the products revert to displaying incorrectly. I have cleard my mobile cache and tried on a different browser. See attached of what it looks like with “carousel=”no”

Attachments:

You must be logged in to view attached files.

[leapb4ulook]

Thanks Kyle. Can you tell me what I’d need to change on the code below?

 

<span style=”font: 16px/32px Georgia, ‘Times New Roman’, ‘Bitstream Charter’, Times, serif; color: #333333; text-transform: none; text-indent: 0px; letter-spacing: normal; word-spacing: 0px; float: none; display: inline !important; white-space: normal; widows: 1; font-size-adjust: none; font-stretch: normal; background-color: #ffffff; -webkit-text-stroke-width: 0px;”>[/spb_text_block] [spb_products title=”Rolex Precision” category=”precision” carousel=”yes” product_size=”standard” item_count=”8″ width=”1/1″ el_position=”first last”]</span>

[leapb4ulook]

Amazing, the producst are now displaying perfectly. Thank you.

One last question (and let me know if this is out of scope, appreciate you’ve gone above and beyond helping me with this already) – do you know if it’s possible to have the products stacked rather than in a corousel?  I tried usign the code “carousel=”no”, which didn’t work.  I wan’t to have products sstacked as it’s easier user experience to scroll up and down to view them.

[leapb4ulook]

Hi Mohammad

Here are the URLs to my product pages:

<span style=”text-decoration: underline;”><span style=”color: #0000ff; font-size: medium;”><span lang=””>http://timelessluxuryonline.co.uk/browse-our-collection</span></span></span&gt;

<span style=”text-decoration: underline;”><span style=”color: #0000ff; font-size: medium;”><span style=”color: #0000ff; font-size: medium;”><span lang=””>http://timelessluxuryonline.co.uk/pre-owned-rolex-datejust</span></span></span></span&gt;

<span style=”text-decoration: underline;”><span style=”color: #0000ff; font-size: medium;”><span style=”color: #0000ff; font-size: medium;”><span lang=””>http://timelessluxuryonline.co.uk/browse-our-collection/pre-owned-rolex-precision</span></span></span></span&gt;

Today I can’t seem to see any producsts at all via my mobile. I would like them to appear like the picture (attached) but stacked rather than in carousel. I’m not sure if this is a CSS or product page HTML thing (apologies I am not a developer)?

Thanks for your help!

Amy

Attachments:

You must be logged in to view attached files.

[leapb4ulook]

sorry I submitted the above before finishing my reply – basically so you kno what’s wrong here?

Amy

[leapb4ulook]

Hi again

I have just updated to Neighborhood 3.10 and the mobile appearance has got worse, see attached. As mentioned above, I need the products to appear the full width and either caroselling or stacked.

Attachments:

You must be logged in to view attached files.

[leapb4ulook]

Thanks Mohammad, I really appreciate the support. I have repaced that rogue code, apologies for not noticing it in the first place. I’ve added it to the style sheet, see attached image, and it hasn’t made a difference to how the products view on mobile. The black wishlist box is pretty much covering the product images.

Are you able to advise any further on this? Ideally the products would appear the full width on moble and be stacked (rather than carousel) as it’s easier to go up and down with your thumb when browsing.

Thanks
Amy